多语言展示
当前在线:429今日阅读:126今日分享:42

js中常用数组方法concatjoinpushpopslicesplice

javascript给我们很多常用的 数组方法,极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等
工具/原料

chrome浏览器控制台

方法/步骤
1

concat()方法 数组和数组的 粘结:var a=[1,2,3,4];var b=[5,6,7,8];var c=a.concat(b);console.log(c); // [1,2,3,4,5,6,7,8]

2

join()方法  改变数组中拼接的符号:var a=[1,2,"字符串",false,undefied,null];a.join("++");  //   [1++2++字符串++false++++];undefined null 自动过滤掉了

3

push()方法 在数组的最后一项后追加数值。 //返回数组的长度var a=[1,2,3]a.push(9);  //返回数组的长度 4,改变了原数组console.log(a) //[1,2,3,9]向a数组中 push入 一个数组,push的数组会变为 a的子数组,a的长度+1

4

pop() 删除数组的最后一项。 //返回被删除的值,改变了原数组var a=[1,2,3,4];a.pop()   // 返回删除值 4console.log(a)  // [1,2,3]

5

unshift() 在数组的第0项前 插入值,原数组的值索引向后移  //返回数组的长度,插入的值为数组,变为 子数组。 改变原数组var a=[1,2,3];a.unshift("wo");  //返回数组的长度 4console.log(a);  //["wo",1,2,3]var b=[9,8,7];a.unshift(b);  //返回数组的长度 5;console.log(a)  //[ [9,8,7] ,"wo",1,2,3]

6

shift() 删除数组的第0项,原数组的值 索引向前的移动。 //返回被删除的值 改变原数组var a=[1,2,3];a.shift()  //返回被删除的值 1;console.log(a)  //[2,3]

7

reverse()  数组的值翻转。 //返回 翻转后的 数组 ,原数组改变var a=[1,2,3];a.reverse()  //[3,2,1]

8

slice(index,[end]) end可选   赋值索引从index开始到 end-1 结束 为一个新数组,原数组不变。var a=[1,2,3,4,5];a.slice(2,4) //返回 [3,4]a.slice(0) //[1,2,3,4,5]a.slice(3) //[4,5] console.log(a)  // [1,2,3,4,5]

9

sort()  按照 ASCII表排序  返回排序后新数组  原数组改变var a=[1,2,3,12,13];a.sort()  //返回 [1,12,13,2,3]如果按照正常逻辑排序 :a.sort(function(a,b){   return a-b;})    //[1,2,3,12,13]

10

splice(index,num,ele1,ele2...) 很强大的一个方法。index指 从index删除(包括index对应的值) num指 删除的个数, ele1,ele2...代表插入的值  //返回删除的值 原数组改变var a=[1,2,3,4,5];a.splice(1,2,"我是","插入的值")   //返回 删除的值 2,3console.log(a)  //  [1,"我是","插入的值",4,5]

注意事项

注意各方法 返回的值 是否改变原数组

推荐信息