0. 前言
在开发过程中会对数组进行操作,而方法很多,我在这里进行一些总结。
1. 简介
数组可以存储多个不同类型的数据。
2. 数组中常用的方法
一、 push
push(item1,item2...)
功能:在数组的末位添加一个或者多个元素
参数:要以添加的元素
返回值:添加数据后数组的长度
var arr1 = [1,2,3,4,5];
var ret1 = arr1.push(9);
console.log(arr1);//输出 [1, 2, 3, 4, 5, 9]
console.log(arr1.length);//输出 6
console.log(ret1);//输出 6
二、 unshift
unshift(item1,item2......)
功能:在数组的头添加一个或者多个元素
参数:要以添加的元素
返回值:添加数据后数组的长度
var arr2 = [1,2,3,4,5];
var ret2 = arr2.unshift(0);
console.log(arr2);//输出 [0, 1, 2, 3, 4, 5]
console.log(arr2.length);//输出 6
console.log(ret2);//输出 6
三、 pop
pop()
功能:在数组的末尾删除一个元素
参数:无
返回值:被删除的元素
var arr3 = [1,2,3,4,5];
var ret3 = arr3.pop();
console.log(arr3);//输出 [1, 2, 3, 4]
console.log(arr3.length);//输出 4
console.log(ret3);//输出 5
四、 shift
shift()
功能:在数组的头删除一个元素
参数:无
返回值:被删除的元素
var arr4 = [1,2,3,4,5];
var ret4 = arr4.shift();
console.log(arr4);//输出 [2, 3, 4, 5]
console.log(arr4.length);//输出 4
console.log(ret4);//输出 1
五、 join
join(str)
功能:将数组的元素用参数字符串拼接成一个新的字符串
参数:一个字符串
返回值:拼接的结果字符串
var arr5 = [1,2,3,4,5];
var ret5 = arr5.join("good");
console.log(arr5);//输出 [1, 2, 3, 4, 5]
console.log(arr5.length);//输出 5
console.log(ret5);//输出 1good2good3good4good5
console.log(typeof ret5);//输出 string
六、reverse
reverse()
功能:倒置数组
参数:无
返回值:倒置以后的数组
var arr6 = [1,2,3,4,5];
var ret6 = arr6.reverse();
console.log(arr6);//输出 [5, 4, 3, 2, 1]
console.log(arr6.length);//输出 5
console.log(ret6);//输出 [5, 4, 3, 2, 1]
console.log(typeof ret6);//输出 object
七、 slice
slice(starIndex,endIndex)
功能:在数组中从starIndex下标一直截取到endIndex下标之前
参数:开始与结束的下标
返回值:截取的数据数组
注意:不包含endIndex下标处的元素
var arr7 = [1,2,3,4,5,6,7,8,9,10];
var ret7 = arr7.slice(3,7);
console.log(ret7);//输出 [4, 5, 6, 7]
八、 splice
splice(下标,个数,item1,item2...)
功能:是在数组的中间添加或者删除一些元素
必选参数:下标、个数
可选参数:item1,item2...
添加方法的返回值:[ ] 空数组
添加:个数为0,从下标处开始添加可选参数中的元素
注意:如果下标大于了原数组的最大下标,都是在数组最后添加元素
var arr9 = [1,2,3,4,5];
var ret9 = arr9.splice(2,0,8,9);
console.log(arr9);//输出 [1,2,8,9,3,4,5]
console.log(ret9);//输出 [ ]
console.log(ret9.length);//输出 0
console.log(arr9.length);//输出 7
删除:不需要可选参数,从下标开始删除对应个数个元素
删除方法的返回值:删除的元素数组
var arr10 = [1,2,3,4,5,6,7,8,9,10];
var ret10 = arr10.splice(2,6)
console.log(arr10);//输出 [1, 2, 9, 10]
console.log(ret10);//输出 [3, 4, 5, 6, 7, 8]
console.log(ret10.length);// 6
九、 concat
concat(arr1,arr2...)
功能:将多个数组拼接成一个数组
参数:一个或者多个数组
返回值:拼接之后新的数组,新的数组元素是所有数组的元素
ar arr8 = [1,2,3];
var num8 = [4,5,6];
var str8 = [7,8,9];
var ret8 = num8.concat(arr8,str8);
console.log(ret8);//输出 [4, 5, 6, 1, 2, 3, 7, 8, 9]
console.log(arr8);//输出 [1, 2, 3]
console.log(num8);//输出 [4, 5, 6]
console.log(str8);//输出 [7, 8, 9]
console.log(ret8[1],[1]);//输出 5
十、 indexOf
indexOf(item)
功能:从数组的左侧开始查找对应第一次出现的参数元素的下标
参数:元素值
返回值:如果找到了对应的元素则返回该元素的下标值,否则返回-1
var arr11 = [1,2,3,3,4,5,3,6,7,8];
var ret11 = arr11.indexOf(9);
console.log(arr11);//输出 [1,2,3,3,4,5,3,6,7,8]
console.log(ret11);//输出 -1
十一、lastIndexOf
lastIndexOf(item)
功能:从数组的右侧开始查找对应第一次出现的参数元素的下标
参数:元素值
返回值:如果找到了对应的元素则返回该元素的下标值,否则返回-1
var arr12 = [1,2,3,3,4,5,3,6,7,8];
var ret12 = arr12.lastIndexOf(3);
console.log(arr12);//输出 [1,2,3,3,4,5,3,6,7,8]
console.log(ret12);//输出 6
3. 结束语
曾经有一份真诚的代码放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。我要为森哥的真诚转载,发盆友圈,点赞,打赏!!!