Home > Web Front-end > JS Tutorial > Summary of Javascript array operation functions_javascript skills

Summary of Javascript array operation functions_javascript skills

WBOY
Release: 2016-05-16 16:15:47
Original
1176 people have browsed it

In fact, push and pop are usually used more often, but I still write them down for later use.

shift : delete the first item of the original array and return the value of the deleted element; if the array is empty, return undefined

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.shift(); //a:[2,3,4,5] b:1

unshift : Add parameters to the beginning of the original array and return the length of the array

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a: [-2,-1,1,2,3,4,5] b: 7

Note: The test return value under IE6.0 is always undefined, and the test return value under FF2.0 is 7, so the return value of this method is unreliable. When the return value is needed, splice can be used instead of this method. This article comes from www.45it.com

pop : Delete the last item of the original array and return the value of the deleted element; if the array is empty, return undefined

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.pop(); //a:[1,2,3,4] b:5

push : Add parameters to the end of the original array and return the length of the array

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat : Returns a new array, which is composed of adding parameters to the original array

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.concat(6,7); //a: [1,2,3,4,5] b: [1,2,3,4,5,6,7]

splice (start,deleteCount,val1,val2,...): Delete deleteCount items from the start position and insert val1, val2,...

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]
var b = a.splice(0,1); //Same as shift
a.splice(0,0,-2,-1); var b = a.length; //Same as unshift
var b = a.splice(a.length-1,1); //Same as pop
a.splice(a.length,0,6,7); var b = a.length; //Same as push

-------------------------------------------------- ----

Detailed explanation of splice:

The splice function removes one or more elements from an array, inserts a new element at the position of the removed element if necessary, and returns the removed element.

arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

 arrayObj is a required option. An Array object.

Start is a required option. Specifies the starting position to remove elements from the array, starting from 0.

deleteCount is required. The number of elements to remove.

 item1, item2,. . ., itemN is required. A new element to be inserted at the location of the removed element.

The splice function method in JavaScript can modify arrayObj by removing a specified number of elements starting from the start position and inserting new elements. The return value is a new Array object consisting of the removed elements.

-------------------------------------------------- ----

reverse : Reverse the array

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.reverse(); //a: [5,4,3,2,1] b: [5,4,3,2,1]

sort (orderfunction): Sort the array according to the specified parameters

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.sort(); //a: [1,2,3,4,5] b: [1,2,3,4,5]

slice (start,end): Returns a new array composed of items between the specified start index and the end index in the original array

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

join (separator): Combine the elements of the array into a string, with separator as the separator. If omitted, the default comma is used as the separator

Copy code The code is as follows:

var a = [1,2,3,4,5];
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

The above is the entire content of this article, I hope you guys will like it.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template