【前端自学之路】JS之ES6数组

补充讲一些es6新增方法

map

map是遍历数组,对数组元素映射处理,并返回新数组

1
2
3
4
5
6
7
let arr = [1, 2, 3, 4, 5]
let new_arr = arr.map((item, index, array) => {
return item * item
})

// 输出 [1, 4, 9, 16, 25]
console.log(new_arr)

从结果来看,上面的map实现了对数组元素平方

filter

filter 是对数组遍历过滤处理,返回满足要求的数组

1
2
3
4
5
6
7
let arr = [1, 9, 3, 4, 5]
let new_arr = arr.filter((item, index, array) => {
return (item % 2 == 0)
})

// 输出 [4]
console.log(new_arr)

从结果来看,filter实现了过滤数组中的偶数

every

every是判断数组元素是否都满足回调函数判断,若都满足返回true,否则返回false

1
2
3
4
5
let arr = [1, 9, 3, 4, 5]
let result = arr.every((item, index) => (item % 2 == 0) )

// 输出 false
console.log(result)

every实现了判断数组元素是否都是偶数,显然存在不是偶数的情况,所以结果返回 false

some

some是判断数组元素是否存在满足回调函数判断的元素,若存在则返回true,否则返回false

1
2
3
4
5
let arr = [1, 9, 3, 4, 5]
let result = arr.some((item, index) => (item % 2 == 0) )

// 输出 false
console.log(result)

some实现了判断数组元素是存在是偶数,显然存在偶数,元素 4 就是偶数,所以结果返回 true

坚持原创技术分享,谢谢鼓励我继续创作!