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的特性有很多使用技巧。

1. 插入元素

   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];
   

2. 将某个元素往前移一位

   	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]
   

3. 将某个元素移动到最前面

   	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";