Implementation Code for json Array Operations under jquery _ jquery

Source: Internet
Author: User
In the case of processing JSON arrays in jquery, traversal involves a lot of operations, but it seems that there are not too many operations to remove with addition. I tried json [I] today. remove (), json. after removing (I), it won't work. It seems that JSON data appears in the form of arrays in the DOM object of the webpage. It's really nice to check the Array Operations in the relevant JS.
Record it.
1. Create an array

The Code is as follows:


Var arrayObj = new Array (); // create an Array
Var arrayObj = new Array ([size]); // create an Array and specify the length. Note that the length is not the upper limit.
Var arrayObj = new Array ([element0 [, element1 [,... [, elementN]); // create an Array and assign values


It should be noted that, although the second method creates an array with a specified length, the array actually gets longer in all cases, that is, even if the length is 5, you can still store elements outside the specified length. Note: The length will change accordingly.
2. Access to array elements

The Code is as follows:


Var testGetArrValue = arrayObj [1]; // obtain the element value of the array.
ArrayObj [1] = "this is a new value"; // assign a new value to the array element


3. Add array elements

The Code is as follows:


ArrayObj. push ([item1 [item2 [... [itemN]); // Add one or more new elements to the end of the array and return the new length of the array.
ArrayObj. unshift ([item1 [item2 [... [itemN]); // adds one or more new elements to the array. The elements in the array are automatically removed and the new length of the array is returned.
ArrayObj. splice (insertPos, 0, [item1 [, item2 [,... [, itemN]); // insert one or more new elements to the specified position of the array. The inserted element is automatically removed and "" is returned "".


4. Deletion of array elements

The Code is as follows:


ArrayObj. pop (); // removes the last element and returns the value of this element.
ArrayObj. shift (); // removes the first element and returns the element value. The elements in the array are automatically moved forward.
ArrayObj. splice (deletePos, deleteCount); // deletes the specified number of deleteCount elements starting from deletePos in the specified position. The removed elements are returned in the array format.


5. truncate and merge Arrays

The Code is as follows:


ArrayObj. slice (start, [end]); // return part of the array in the form of an array. Note that the end element is not included. If the end is omitted, all elements after the start are copied.
ArrayObj. concat ([item1 [, item2 [,... [, itemN]); // concatenates multiple arrays (or strings, or arrays and strings) into an array and returns a new connected array.


6. Copy an array

The Code is as follows:


ArrayObj. slice (0); // returns the copy array of the array. Note that it is a new array, not pointing
ArrayObj. concat (); // returns the copy array of the array. Note that it is a new array, not pointing


7. Sorting of array elements

The Code is as follows:


ArrayObj. reverse (); // returns the array address.
ArrayObj. sort (); // sorts array elements and returns the array address.


8. stringized array elements

The Code is as follows:


ArrayObj. join (separator); // returns a string that connects each element value of the array and is separated by separator.
ToLocaleString, toString, valueOf: can be considered as a special use of join, not commonly used

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.