js数组方法汇总
数组元素操作
添加、删除:push、pop、shift、unshift
push:在数组后面添加元素
push:在数组后面添加元素
let arr = [1,2,3,4,5,6,7,8];
arr.push(1); // retrun 9; arr = [1,2,3,4,5,6,7,8,1];
push参数能接受多项,可以一次性添加多个元素
let arr = [1,2,3,4,5,6,7,8];
arr.push(1,2,3); // retrun 11; arr = [1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3];
let arr2=['a','b','c'];
arr2.push(...arr);// return 14; arr2=["a", "b", "c", 1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3];
pop:删除数组最后的元素
pop:删除数组最后的元素
let arr = [1,2,3,4,5,6,7,8];
arr.pop(); // retrun 8; arr = [1,2,3,4,5,6,7];
shift:删除数组第一个元素
pop:删除数组第一个元素
let arr = [1,2,3,4,5,6,7,8];
arr.shift(); // retrun 1; arr = [2,3,4,5,6,7,8];
unshift:在数组最前面添加元素
unshift:在数组最前面添加元素
let arr = [1,2,3,4,5,6,7,8];
arr.unshift(1); // retrun 9; arr = [1,1,2,3,4,5,6,7,8];
unshift参数能接受多项,可以一次性添加多个元素
let arr = [1,2,3,4,5,6,7,8];
arr.unshift(1,2,3); // retrun 11; arr = [1, 2, 3,1, 2, 3, 4, 5, 6, 7, 8];
let arr2=['a','b','c'];
arr2.unshift(...arr);// return 14; arr2=[1, 2, 3,1, 2, 3, 4, 5, 6, 7, 8,"a", "b", "c"];
数组截取、合并:splice、slice、concat
splice
splice(index,length,arg1,arg2,arg3…)
第一个参数:需要删除的元素坐标
第二个参数:需要删除的元素个数
第三个及之后的参数:需要插入的元素
let arr = [1,2,3,4,5];
arr.splice(1,1,8); // return [2]; arr = [1,8,3,4,5]
根据splice的特性有很多使用技巧。
- 插入元素
Array.prototype.insert=function(index,...arg){ this.splice(index,0,...arg); return [arg]; } let a = [1,2,3,4,5]; a.insert(1,888); // return [888]; a = [1,888,2,3,4,5];
- 将某个元素往前移一位
Array.prototype.moveForward=function(index){ this.splice(index-1,0,...this.splice(index,1)); } let a = [1,2,3,4,5]; a.moveForward(2); // a = [1,3,2,4,5]
- 将某个元素移动到最前面
Array.prototype.top=function(index){ this.splice(0,0,...this.splice(index,1)); } let a = [1,2,3,4,5]; a.top(2); // a = [3,1,2,4,5]
往后移和置底操作类似前移和置顶操作,此处不做demo可自行探索
slice
slice(startIndex,endIndex);
第一个参数:起始坐标
第二个参数:结束坐标(不包含)
获取数组中从startIndex到endIndex为止的数组,不改变原素组
const a = [1,2,3,4,5];
a.slice(); // return [1,2,3,4,5]; 截了个寂寞
a.slice(1); // return [2,3,4,5];
a.slice(1,3); // return [2,3];
// 如果结束坐标比开始坐标小,则返回空数组。
a.slice(3,1); // return [];
// slice操作不改变原数组
console.log(a); // a = [1,2,3,4,5]
concat
concat(arr1,arr2,arr3…)
返回值为拼接后的数组,不改变原数组
const a = [1,2,3,4,5];
const b = [6,7,8,9,10];
const c = ['a','b','c'];
a.concat(b); // return [1,2,3,4,5,6,7,8,9,10];
a.concat(b,c); // return [1,2,3,4,5,6,7,8,9,10,'a','b','c'];
a.concat(c,b); // return [1,2,3,4,5,'a','b','c',6,7,8,9,10];
a.concat(b,['aaa','bbb'],[333,444]); // return [1,2,3,4,5,6,7,8,9,10,'aaa','bbb',333,444];
// concat操作不改变原数组
console.log(a); // a = [1,2,3,4,5];
数组和字符串之间转换:join、split
join
join(arg);
返回一个以arg分割的字符串
split
split(arg);
返回一个以arg切割后的数组
a=[1,2,3,4,5];
a.join('-'); // return "1-2-3-4-5";
// join默认使用逗号分割
c = a.join(); // c = "1,2,3,4,5";
c.split(','); // return ["1","2","3","4","5"];
c.split(); // return ["1,2,3,4,5"];
// join和splice操作不改变原数组
console.log(a); // a = [1,2,3,4,5];
console.log(c); // c = "1,2,3,4,5";