对数组的各种操作（增，删，改）

桃扇骨 2022-12-25 09:56 36阅读 0赞

## 1、增加数组成员 ##

// 1、push()   在数组最后增加
    	const arr = [1, 2, 3, 4, 5]
    	const num = 6
    	arr.push(num)
    	console.log(arr);	// [1, 2, 3, 4, 5, 6]
    	
    	// 2、unshift()  在数组前面增加数据
    	const arr = [1, 2, 3, 4, 5]
    	const num = 6
    	arr.unshift(num)
    	console.log(arr);	// [6, 1, 2, 3, 4, 5]

###### 往数组里面加数组 ######

//往数组里面添加一个数组，可以使用...的方法  注意：会修改原数据
    	//在数组后面添加
    	const arr = [1, 2, 3, 4, 5]
    	const arr2 = [6, 7, 8, 9, 10]
    	arr.push(...arr2)
    	console.log(arr);	// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    
    	//3、concat()   在数组最后增加,可以加单个number和一个数组  注意：不修改原数据
    	const arr = [1, 2, 3, 4, 5]
    	const num = [6, 7, 8, 9, 10]
    	let arr2 = arr.concat(num)
    	console.log(arr2);	// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    
    	//在数组前面添加
    	const arr = [1, 2, 3, 4, 5]
    	const num = [6, 7, 8, 9, 10]
    	arr.unshift(...num)
    	console.log(arr);	// [6, 7, 8, 9, 10, 1, 2, 3, 4, 5]

## 2、删除数组成员 ##

// 1、pop()   删除数组最后一个元素，并返回删除的数据
    	const arr = [1, 2, 3, 4, 5]
    	let num = arr.pop()
    	console.log(num);	// 5
    	console.log(arr);	//[1, 2, 3, 4]
    
    	// 2、shift()   删除数组第一个元素，并返回删除的数据
    	const arr = [1, 2, 3, 4, 5]
    	let num = arr.shift()
    	console.log(num);	//  1
    	console.log(arr);	// [2, 3, 4, 5]
    
    	// 3、通过数组长度控制数组数据，从后面开始删除
    	const arr = [1, 2, 3, 4, 5]
    	arr.length = 3
    	console.log(arr);	// [1,2,3]
    
    	const arr2 = [1,2,3,4,5]
    	arr.length--
    	//可以用循环次数去减长度
    	
    	// 4、splice() 
    	const arr = [1, 2, 3, 4, 5]
    	arr.splice(1, 2)
    	console.log(arr);	// [1, 4, 5]

## 3、修改数组数据 ##

//1、splice(参数1，参数2，参数3，参数4·····) 参数数量不限制，
    	//参数1：从哪个下标开始删除（包涵）  参数2：删除长度为多少，参数3往后都是 在删除的位置增加 数据
    	const arr = [1, 2, 3, 4, 5]
    	arr.splice(1, 2, 9, 9, 9, 9, 9)
    	console.log(arr);	// [1, 9, 9, 9, 9, 9, 4, 5]
    
    	//会触发vue底层原理，使用后会直接调用一次vue双向绑定，实现mvvm

## 4、其它 ##

//1、slice(参数1 , 参数2) 截取数组  参数1: 截取的起始下标(包涵)， 参数2:截取的截止下标(不包含)
    	// 不修改原数据
    	const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
    	let arr2 = arr.slice(3, 6)
    	console.log(arr);	// [1, 2, 3, 4, 5, 6, 7, 8, 9]
    	console.log(arr2);	// [4, 5, 6]
    
    	//2、sort() 排序
    	
    	//2.1：不传参数，根据unicode编码来排序，不常用，如果数据是英文，会根据字母排序
    	const arr = [12, 21, 3, 1, 7]
    	arr.sort()
    	console.log(arr);	 // [1, 12, 21, 3, 7]
    
    	//2.2：升序排序
    	var arr = [15, 1, 5, 24, 3]; arr.sort(function (a, b) { 
    	    return a - b;
    	});
    	console.log(arr);	// [1, 3, 5, 15, 24]
    
    	//2.3：降序排序
    	var arr = [15, 1, 5, 24, 3]; arr.sort(function (a, b) { 
    	    return b - a;
    	  });
    	console.log(arr);	// [24, 15, 5, 3, 1]