首页 > 代码库 > javascript 数组方法总结
javascript 数组方法总结
1.push():在数组尾部添加一个或多个元素，返回数组新的长度
arrayObject.push(newelement1,newelement2,....,newelementX)
newelement1：必需要添加的参数。要添加到数组的第一个元素，剩下的参数可选。
var a=[‘hello‘,‘world‘];var length= a.push(2,[4,3]); console.log(a); //[ ‘hello‘, ‘world‘, 2, [ 4, 3 ] ] console.log(a.length);//4; console.log(length);//4;返回值 length=a.push(4); console.log(a); //[ ‘hello‘, ‘world‘, 2, [ 4, 3 ], 4 ] console.log(a.length); //5 console.log(length);//5；返回值
2.pop():删除数组最后一个元素，返回删除的值，如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。
var a=[‘hello‘,‘world‘,1,2,‘hi‘]; var arg=a.pop(); console.log(arg);//hi;返回值为删除的元素，删除数组最后一个元素 console.log(a);//[ ‘hello‘, ‘world‘, 1, 2 ] //当数组为空 var arr=[]; console.log(arr.pop());//undefined console.log(arr);//[]
3.shift():删除数组第一个元素，返回删除的值，如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值
var a=[‘hello‘,‘world‘,1,2,‘hi‘]; var arg=a.shift(); console.log(arg);//hello;返回值为删除的元素，删除数组的第一个元素 console.log(a);//[ ‘world‘, 1, 2, ‘hi‘ ] //当数组为空 var arr=[]; console.log(arr.shift());//undefined console.log(arr);//[]
4. unshift():在数组头部添加一个或多个元素，返回数组新的长度
arrayObject.unshift(newelement1,newelement2,....,newelementX)
newelement1：必需添加的参数，向数组添加的第一个元素，剩余参数可选
var a=[‘hello‘,‘world‘]; var newlength=a.unshift(‘how‘,[8,9],‘are‘); console.log(newlength);//5;返回值为新数组的长度 console.log(a);//[ ‘how‘, [ 8, 9 ], ‘are‘, ‘hello‘, ‘world‘ ]
5.splice(index,howmany,element1,... ...,elementN):从指定位置删除指定数量元素并增加新的元素,先执行删除操作，删除指定个数的元素，然后再插入元素或数组,splice是直接对原数组进行操作,返回值是被删除的元素组成的数组.
index:指定位置删除或插入
howmany：删除多少元素
elements：插入元素
var a=[‘hello‘,‘world‘,‘how‘,‘are‘,‘you‘]; var arg= a.splice(2,1,‘?‘,‘what‘); console.log(arg);//[ ‘how‘ ];返回值删除的元素 console.log(a);//[ ‘hello‘, ‘world‘, ‘?‘, ‘what‘, ‘are‘, ‘you‘ ]
6.concat():把数组原来的元素和新的元素连接起来存放在创建的新数组里，原数组保持不变，返回创建的新数组
arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX：必需参数，该参数可以是具体的值，也可以是数组对象。可以是任意多个
var a=[‘hello‘,‘world‘]; var arg= a.concat(‘how‘,‘are‘,‘you‘); console.log(arg);//[ ‘hello‘, ‘world‘, ‘how‘, ‘are‘, ‘you‘ ];返回值为连接后的新数组 console.log(a);//[ ‘hello‘, ‘world‘ ]
7.slice(start, [end]) )：返回指定数组的一段
start：必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
var a=[‘hello‘,‘world‘,‘how‘,‘are‘,‘you‘]; var arg= a.slice(3); console.log(arg);//[ ‘are‘, ‘you‘ ];返回值为从3开始到数组末尾的数组片段 console.log(a);//[ ‘hello‘, ‘world‘, ‘how‘, ‘are‘, ‘you‘ ] console.log(a.slice(3,2));//[] console.log(a.slice(3,4));//[ ‘are‘ ] console.log(a.slice(3,-1));//[ ‘are‘ ] console.log(a.slice(3,-2));//[] console.log(a.slice(0,-3));//[ ‘hello‘, ‘world‘ ] console.log(a.slice(-5,-3));//[ ‘hello‘, ‘world‘ ]
8. join():将数组的所有元素，用选定的分隔符，转化为字符串并连接在一起，返回最后生成的字符串，不指定分隔符默认用逗号（，）
//数组有多个元素 var a=[‘hello‘,‘world‘,1,2]; console.log(a.join());//hello,world,1,2 console.log(a.join(""));//helloworld12 console.log(a.join(" "));//hello world 1 2 console.log(a.join ("="));//hello=world=1=2//数组有一个元素 var a=[‘hello‘]; console.log(a.join());//hello console.log(a.join(""));//hello console.log(a.join(" "));//hello console.log(a.join ("="));//hello
9. sort():返回排序后数组。没有参数，默认按照字母排序
arrayObject.sort(sortby)
var a=[‘e‘,‘a‘,‘d‘,‘c‘,‘b‘]; console.log(a.sort());//[ ‘a‘, ‘b‘, ‘c‘, ‘d‘, ‘e‘ ],返回值为排序后的数组，没有参数默认为按照字母排序 console.log(a);//[ ‘a‘, ‘b‘, ‘c‘, ‘d‘, ‘e‘ ] var b=[1,300,20,250,100]; console.log(b.sort(sort));//[ 1, 20, 100, 250, 300 ]从小到大 var b1=[1,300,20,250,100]; console.log(b1.sort(sortReverse));//[ 300, 250, 100, 20, 1 ],从大到小 function sort(a,b){ return a-b; } function sortReverse(a,b){ return b-a; }
10.reverse() :方法用于颠倒数组中元素的顺序。
var a=[‘e‘,‘a‘,‘d‘,‘c‘,‘b‘]; console.log(a.reverse());//[ ‘b‘, ‘c‘, ‘d‘, ‘a‘, ‘e‘ ],返回值为颠倒后的数组 console.log(a);//[ ‘b‘, ‘c‘, ‘d‘, ‘a‘, ‘e‘ ]
11.toSource() :表示对象的源代码,通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。
12.toString():把数组转换为字符串，并返回结果。
var a=[‘e‘,‘a‘,‘d‘,‘c‘,‘b‘]; console.log(a.toString());//e,a,d,c,b,返回值为字符串 console.log(a);// [‘e‘, ‘a‘, ‘d‘, ‘c‘, ‘b‘ ]
13.toLocaleString():把数组转换为本地字符串。
arrayObject.toLocaleString()
14.valueOf() :返回 Array 对象的原始值,通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。
javascript 数组方法总结