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 在后台自动调用,并不显式地出现在代码中。

 

 

 


 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。