【前端】ES6总结

一、数组

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

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

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

复制代码console.log(arr) //[1,2,3,4]

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

1
2
3
4
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]

1
2
3
4
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]

1
2
3
4
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]

1
2
3
4
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]

1
2
3
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]

1
2
3
4
5
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]

1
2
3
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]

1
2
3
4
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] })

1
2
3
4
5
6
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]

1
2
3
4
5
6
7
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]

1
2
3
4
5
6
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

1
2
3
4
5
6
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

1
2
3
4
5
6
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

1
2
3
4
5
6
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

1
2
3
4
5
6
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

1
2
3
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

1
2
3
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

1
2
3
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

1
2
3
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
2
3
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()