Home arrow JavaScript arrow Page 3 - More on JavaScript Array Objects
JAVASCRIPT

More on JavaScript Array Objects


Thanks for dropping by for another episode of our series on JavaScript Array Objects. We left off discussing five of the thirteen array objects JavaScript has to offer. Here, in this issue, we will make an effort to cover the remaining eight.

Author Info:
By: James Payne
Rating: 5 stars5 stars5 stars5 stars5 stars / 3
December 16, 2008
TABLE OF CONTENTS:
  1. · More on JavaScript Array Objects
  2. · Shift() It Around
  3. · Slice Them Taters
  4. · Sort() It Out
  5. · Fixing the Issue

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
More on JavaScript Array Objects - Slice Them Taters
(Page 3 of 5 )

Slice() is another useful object. It consists of two parameters, one of which is required (start) and the other of which is not (end). It is used to retrieve and return elements in an array starting from the index number you specify and ending either where you specify, or at the end of the array if you do not specify an ending number.

In this first example we are going to slice() out some names from our fat people array. Before we do, however, just remember: the first element in an array starts with index number 0; so therefore, the second element would be 1, the third 2, and so forth:


<html>

<body>

<script type="text/javascript">

var fat = new Array(4);

fat[0] = "John Candy";

fat[1] = "Me";

fat[2] = "Valerie Bertinelli";

fat[3] = "Steven Segal";

document.write("Here is a list of fat dudes:");

document.write("<br />" + "<br />");

document.write(fat + "<br />" + "<br />");

document.write("These two are the hottest:" + "<br />");

document.write(fat.slice(1,3) + "<br />" + "<br />");

document.write("Here is the array again; no one was removed:" + "<br />");

document.write(fat);

</script>

</body>

</html>

Here, we have created our array of fat guys and printed them out. Next, we used slice() to print the two hottest people in the list. Note that when we typed fat.slice(1,3), it prints the elements 1 and 2, but not three, as three is the stopping point. Here is the result:

  Here is a list of fat dudes:
 
  John Candy,Me,Valerie Bertinelli,Steven Segal

  These two are the hottest:
  Me,Valerie Bertinelli

  Here is the array again; no one was removed:
  John Candy,Me,Valerie Bertinelli,Steven Segal

Note that had we not told the program to stop at 3, or specified a stopping number at all, as in the following example, it would have printed all the of the elements that appeared after index 1. Here is the code and the result:


<html>

<body>

<script type="text/javascript">

var fat = new Array(4);

fat[0] = "John Candy";

fat[1] = "Me";

fat[2] = "Valerie Bertinelli";

fat[3] = "Steven Segal";

document.write("Here is a list of fat dudes:");

document.write("<br />" + "<br />");

document.write(fat + "<br />" + "<br />");

document.write("These are the hottest:" + "<br />");

document.write(fat.slice(1) + "<br />" + "<br />");

document.write("Here is the array again; no one was removed:" + "<br />");

document.write(fat);

</script>

</body>

</html>

Here it prints out all of the elements, except index 0:

  Here is a list of fat dudes:

  John Candy,Me,Valerie Bertinelli,Steven Segal

  These are the hottest:
  Me,Valerie Bertinelli,Steven Segal

  Here is the array again; no one was removed:
  John Candy,Me,Valerie Bertinelli,Steven Segal


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials