Solved

I want to chop the last character of array elements in JavaScript...

Posted on 2008-10-29
6
301 Views
Last Modified: 2012-08-14
Hi there;

I want to chop the last character of array elements in JavaScript...

Apparently, i am doing something wrong...What am i doing stg wrong and how to fix it without changing the algorithm drastically?

Best regards...
<html>
<head>
<script>
function chop()
{
for (var i in this)
{
if (typeof this[i] == "string"){
this[i] = this[i].substring(0, this[i].length-1)
document.write(this[i]);   
}
}
}
Array.prototype.chop = chop
 
var line = new Array("red", "green", "blue")
 
</script>
</head>
<body>
</body>
</html>

Open in new window

0
Comment
Question by:jazzIIIlove
  • 3
  • 2
6 Comments
 
LVL 16

Assisted Solution

by:Lolly-Ink
Lolly-Ink earned 50 total points
ID: 22836924
You just need to call the chop function to see that it works already.
<html>
<script>
   function chop()
   {
      for (var i in this)
      {
         if (typeof this[i] == "string")
         {
            this[i] = this[i].substring(0, this[i].length-1);
            document.write(this[i]);   
         }
      }
   }
   Array.prototype.chop = chop
    
   var line = new Array("red", "green", "blue")
   line.chop();
</script>
</html>

Open in new window

0
 
LVL 82

Assisted Solution

by:hielo
hielo earned 450 total points
ID: 22836999
I suggest you do NOT use document.write within the function. Once the browser has finished loading you will not be able to call your chop() method. If leave the document.write in place and call chop() after the document has loaded you will "erase" everything that was previously on the window. Try:
<html>
<head>
<script>
function chop()
{
	for (var i in this)
	{
		if (typeof this[i] == "string"){
			this[i] = this[i].substring(0, this[i].length-1) 
		}
	}
}
Array.prototype.chop = chop
 
var line = new Array("red", "green", "blue") 

</script>
</head>
<body>
<script>
line.chop();
document.write( line.join("; ") )
document.write("<hr>");
document.write( line.join("; ") )
</script>
</body>
</html>

Open in new window

0
 
LVL 12

Author Comment

by:jazzIIIlove
ID: 22843152
Lolly-Ink:
nice point...I forgot the call:)

hielo:
<<I suggest you do NOT use document.write within the function.

Is this a generalization, i mean using document.writeln() within the function is risky...or just for this case?

<<Once the browser has finished loading you will not be able to call your chop() method. If leave the <<document.write in place and call chop() after the document has loaded you will "erase" everything <<that was previously on the window

I am really confused about the point once the browser finished loading...I mean for example in your code, above  the browser has finished loading after </html> tag...right? or at which point?

0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 82

Accepted Solution

by:
hielo earned 450 total points
ID: 22843237
>> i mean using document.writeln() within the function is risky
What I mean is that you can only use document.write on page while it is loading. After it has loaded, then you will "destroy" the previous page and then document.write will write to the new one. Consider this:
test1.html
<html>
<body>
<h1>Test</h1>
<script>
//this will get printed as the page is loaded
document.write('<p>Hello</p>');
</script>
</body>
</html>
 
test2.html
<html>
<body>
<h1>Test</h1>
<script>
//this will get printed as the page is loaded
function greet()
{
document.write('<p>Hello</p>');
}
/* "schedule" the greet function for execution after the page has finished loading. Where is the "Test" Heading?*/
window.onload=greet;
</script>
</body>
</html>

Open in new window

0
 
LVL 12

Author Comment

by:jazzIIIlove
ID: 22843681
hielo!

I love your explanation...

Best regards...
0
 
LVL 12

Author Closing Comment

by:jazzIIIlove
ID: 31511483
not my code but the last message is hilarious...hielo!
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question