| home / experts / dhtml / column33 |
|
Let's do the examples from the previous page again, this time without splice(). A "spliceless" browser would have to execute many more statements to achieve the same functionality.
With splice( ):
myArray = [0,"cat",true]; removedElements = myArray.splice(1,1); myPet = removedElements[0];
Without splice( ):
| Statement used | myArray becomes | |
| 1. | myArray = [0,"cat",true]; | [0,"cat",true] |
| 2. | ind = 1; | |
| 3. | cnt = 1; | |
| 4. | removedElements = myArray.slice(ind,ind+cnt); | [0,"cat",true] |
| 5. | endArray = myArray.slice(ind+cnt); | [0,"cat",true] |
| 6. | myArray.length = ind; | [0] |
| 7. | for(i=0;i<endArray.length;i++){ myArray[myArray.length] = endArray[i]; } | [0,true] |
| 8. | myPet = removedElements[0]; | |
1. myArray is declared.
2. ind is declared to store the position at which we will begin to change myArray.
3. cnt is declared to store the number of elements to remove.
4. a new array is created, removedElements, using the built-in slice() method. The slice() method, available in all browsers, extracts elements from an array, returning a new array of these elements, without changing the original array. We now have our array of removed elements.
5. another array is created, endArray, again using slice(). These elements are the ones after the elements we need to remove.
6. myArray, which has yet to be changed, is now truncated, by changing its length property to the value of ind. We now have three arrays:
7. the elements of endArray are appended to myArray.
8. the first, and in this example the only, element of removedElements is assigned to the myPet variable.
Next, we'll do some spliceless insertion of elements.
Produced by Peter Belesis and
Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs 
All Rights Reserved. Legal Notices.
Created: May 16, 2000
Revised: May 16, 2000
URL: http://www.webreference.com/dhtml/column33/3.html
