一.map(一 一 映 射)

map()是数组的一个内置函数方法 用于对数组中每个元素执行一个指定的函数 并返回一个新的数组(不会修改原始数组 新数组元素是回调函数的返回值) 它可以接收一个回调函数 函数中(ele,index)分别为数组元素和数组下标

Example:

const arr = ['red', 'blue' , 'green']
const newArr = arr.map(function (ele, index) {
	console.log(ele) // 数组元素
	console.log(index) // 数组索引号
	return ele + '颜色'
})
console.log(newArr)	
//newArr: ['red颜色’，blue颜色’，green颜色']

二.forEach遍历

forEach()是数组的一个函数方法 会自动迭代数组 对每个元素执行一个指定的回调函数 没有返回值

基本语法为 arr.forEach((ele,index)= >{) ele为数组元素 index为数组下标

注意点:原数组保持不变

三.filter方法

filter()是数组的一个内置函数方法 用于筛选数组中满足指定条件的元素并返回一个新的数组 不会修改原始数组 而是返回一个新的数组 新数组中包含满足筛选条件的元素

使用语法和前面两个类似 不赘述

var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var filteredNumbers = numbers.filter(function(num) {
  return num >= 5;
});
console.log(filteredNumbers); // [5, 6, 7, 8, 9, 10]

四.reduce高阶函数(迭代(累加器))

reduce()是数组的一个内置函数方法 用于对数组中的元素进行累计操作 将数组缩减为一个值 他通过提供的回调函数来实现累计操作 并返回最终结果

语法如下

array.reduce(callback, initialValue) 其中callback是一个回调函数 initvalue是可选的初始值

var numbers = [1, 2, 3, 4, 5];
 
var sum = numbers.reduce(function (accumulator, currentValue) {
  return accumulator + currentValue;
}, 0); 
 
console.log(sum); // 输出：15

可以用reduce()方法求和/求最值/数组去重(有点意思) 下面是实现数组去重的代码 (初始化值为空数组)

var numbers = [1, 2, 3, 3, 4, 4, 5];
var uniqueNumbers = numbers.reduce((accumulator, currentValue) => {
  if (accumulator.indexOf(currentValue) === -1) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueNumbers); // 输出：[1, 2, 3, 4, 5]

五.some()/every()

将所有元素遍历 返回一个布尔值 原数组不变

every()要求所有元素都满足条件 some()只要求存在元素满足条件

六.find()遍历

数组中的每个元素都调用一次函数执行

当数组中的元素在测试条件时返回true，find()返回符合条件的元素，之后的值不会再执行函数；如果没有符合条件的元素则返回undefined，原数组不变