数组的方法

数组的添加

push ——后面`追加（有参数）

• 可以给数组后面追加新的元素
• 参数直接写数组元素
• 返回结果是新数组长度
• 原数组发生变化

unshift ——前面`追加（有参数）

• 可以给数组前面追加新的元素
• -参数直接写数组元素
• 返回结果是新数组长度
• 原数组发生变化

删除数组元素

pop ——删除 最后一个（没参数）

• 可以删除数组的最后一个元素，只能删除一个元素
• 没有参数
• 返回结果是 删除的那个元素
• 原数组发生变化

shift ——删除 最前一个（没参数）

• 可以删除数组的最前面一个元素，只能删除一个元素
• 没有参数
• 返回结果是 删除的那个元素
• 原数组发生变化

splice(index,len,[item]) ——删除、替换、添加 数组的某一项

• index:数组开始下标
• len: 替换/删除的长度
• item:替换的值，删除操作的话 item为空

//删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变) 
var arr = ['a','b','c','d']; 
arr.splice(1,1); 
console.log(arr); 
//['a','c','d']; 
  
  
//删除起始下标为1，长度为2的一个值(len设置2) 
var arr2 = ['a','b','c','d'] 
arr2.splice(1,2); 
console.log(arr2); 
//['a','d']

//替换起始下标为1，长度为1的一个值为‘ttt'，len设置的1 
var arr = ['a','b','c','d']; 
arr.splice(1,1,'ttt'); 
console.log(arr); 
//['a','ttt','c','d'] 
  
  
var arr2 = ['a','b','c','d']; 
arr2.splice(1,2,'ttt'); 
console.log(arr2); 
//['a','ttt','d'] 替换起始下标为1，长度为2的两个值为‘ttt'，len设置的1

// 添加 ---- len设置为0，item为添加的值
var arr = ['a','b','c','d']; 
arr.splice(1,0,'ttt'); 
console.log(arr); 
//['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'

slice()——截取数组

• array.slice(start, end)
• 从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。
• 返回被截取的新数组
• 不会改变原始数组。

concat——数组拼接

• 连接两个或多个数组。
• 不会更改现有数组
• 返回一个新数组

let sedan = ["S60", "S90"];
let SUV = ["XC40", "XC60", "XC90"];
let wagon = ["V60", "V90", "V90CC"];

let Volvo = sedan.concat(SUV, wagon);
console.log(Volvo); // S60,S90,XC40,XC60,XC90,V60,V90,V90CC

数组排序

reverse ——数组翻转

let arr = [ '你','好','呀'];
arr.reverse();
console.log(arr);   //（3）['呀','好','你'] 

sort ——数组排序 / 冒泡排序

//直接用会首位数排序
let arr = [13, 1, 88, 66, 6];
arr.sort();
console.log(arr);//(5)[1, 13, 6, 66, 88]

//添加一个函数固定搭配
let arr = [13, 1, 88, 66, 6];
arr.sort(function(a,b){
	return a - b; //升序的顺序排序
	// return b - a;  //降序的顺序排序
});
console.log(arr);//(5)[1, 6, 13, 66, 88]

数组的索引

indexOf（数组元素）——从前面开始查找

• 作用就是返回该数组元素的索引号
• 返回第一个满足条件的索引号
• 如果在该数组上找不到元素，则返回-1

let arr = ['red', 'blue', 'green', 'blue'];
console.log(arr.indexOf('blue'));  //1
console.log(arr.indexOf('pink'));  //-1

indexOf 封装数组去重

function upique(arr){
	let newArr = [];
	for(var i = 0; i < arr.length; i++){
		if(newArr.indexOf(arr[i] === -1){
			newArr.push(arr[i]);
		}
	}
}
let demo = upiqur(['a', 'b', 'c', 'c', 'b', 'e', 'a'])
console.log(demo); // (4)['a', 'b', 'c', 'e']

lastIndexOf（数组元素）——从后面开始查找

• 作用就是返回该数组元素的索引号
• 返回最后一个满足条件的索引号
• 如果在该数组上找不到元素，则返回-1

let arr = ['red', 'blue', 'green', 'blue'];
console.log(arr.lastIndexOf('blue'));  //3
console.log(arr.lastIndexOf('pink'));  //-1

数组转换为字符串

toString（）——数组转换为字符串

逗号分隔每一项，返回字符串

let arr = [1, 2, 3];
console.log(arr.toString());//1,2,3

join（‘分隔符’）

把数组中所有元素转换为字符串

let arr = [1, 2, 3];
console.log(arr.join());//1,2,3
console.log(arr.join('-'));//1-2-3
console.log(arr.join('&'));//1&2&3