Solved

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

Posted on 2008-10-29
6
306 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

 
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

Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

Question has a verified solution.

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

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
This article discusses how to implement server side field validation and display customized error messages to the client.
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…

689 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