【前端】ES6总结

一、数组

1) arr.push()  在数组末尾添加元素，返回数组长度

let arr = [1,2,3]
let length = arr.push(4)
console.log(length) //4

console.log(arr)    //[1,2,3,4]

2)arr.unshift() 在数组首位添加元素，返回数组长度

let arr = [1,2,3]
let length = arr.unshift(4)
console.log(length) //4
console.log(arr)    //[4,1,2,3]

3)arr.pop() 删除数组末尾元素，并返回删除的元素

let arr = [1,2,3]
let item = arr.pop()
console.log(item) //3
console.log(arr)  //[1,2]

4）arr.shift() 删除数组首位元素，并返回删除的元素

let arr = [1,2,3]
let item = arr.shift()
console.log(item) //1
console.log(arr)  //[2,3]

5）arr.splice(index,length) 删除数组指定位置的元素，返回删除元素的数组

let arr = [1,2,3]
let item = arr.splice(1,1)
console.log(item) //[2]
console.log(arr)  //[1,3]

6)arr.concat(arr2)  拼接两个数组，返回新数组

let arr = [1,2,3,4,5]
console.log(arr.concat([1,2]))  // [1,2,3,4,5,1,2]
console.log(arr)   // [1,2,3,4,5]

7）arr.sort() 数组排序

let arr = [1,3,2,6]
arr.sort();
console.log(arr); //[1,2,3,6]
arr.sort((a,b)=>b-a);
console.log(arr); //[6,3,2,1]

8）arr.reverse() 将数组反转

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

9）arr.slice(startIndex,endIndex)  截取start至end索引的元素返回新数组，不包含end索引的值，

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

10）arr.forEach() 数组遍历，不修改数组的值

let arr = [1,3,2,6]
arr.forEach((value,index,arr)=>{
	console.log(value); //1,3,26
 	console.log(index); //0,1,2,3
	console.log(arr); //[1,3,2,6]
})

11）arr.map() 数组遍历，计算后return返回新数组

let arr = [1,3,2,6]
let arr1 = arr.map((value,index,arr)=>{
	value = value*2
	return value;
})
console.log(arr); //[1,3,2,6]
console.log(arr1);//[2,6,4,12]

12）arr.filter() 数组过滤，返回满足要求的新数组

let arr = [1,3,2,6]
let arr1 = arr.filter((value,index,arr)=>{
	return value<3;
})
console.log(arr); //[1,3,2,6]
console.log(arr1);//[1,2]

13）arr.every() 数组过滤，返回boolean 数组每一项都满足返回true

let arr = [1,3,2,6]
let flag = arr.every((value,index,arr)=>{
	return value<3;
})
console.log(arr); //[1,3,2,6]
console.log(flag);//false

14) arr.some() 数组过滤，返回boolean  数组中是否有一个满足 就返回true

let arr = [1,3,2,6]
let flag = arr.some((value,index,arr)=>{
	return value<3;
})
console.log(arr); //[1,3,2,6]
console.log(flag);//true

15) arr.reduce()  数组计算

let arr = [1,3,2,6]
let sum = arr.reduce((preValue,curValue)=>{
	return preValue+curValue;
})
console.log(arr); //[1,3,2,6]
console.log(sum);//12

16) arr.reduceRight() 数组计算从右边开始

let arr = [1,3,2,6]
let sum = arr.reduceRight((preValue,curValue)=>{
	return preValue+curValue;
})
console.log(arr); //[1,3,2,6]
console.log(sum);//12

17) arr.indexOf() 查找元素索引值，若有重复的返回第一个，没有返回-1

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

18) arr.lastIndexOf() 查找元素索引值，从后面开始找

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

19）arr.find() 查找第一个符合条件的数组成员

let arr = [1,3,2,4,6]
let item = arr.find((value,index,arr)=>value>3)
console.log(item);//4

20）arr.findIndex() 查找第一个符合条件的数组成员的index

let arr = [1,3,2,4,6]
let item = arr.findIndex((value,index,arr)=>{return value>1})
console.log(item);//1

21) arr.includes() 数组中是否包含指定值，返回boolean

let arr = [1,3,2,4,6]
let flag = arr.includes(2)
console.log(flag);//true

二、数组常用操作总结

1）数组删除指定元素

    arr.splice(arr.findIndex(value=>value===’’),1);

2) 数组中是否含有指定元素

    arr.includes(1)

    arr.find()

    arr.findIndex()