导读
- array.forEach()
- map()
- array.filter()
- array.every()
- array.find()
- array.findIndex()
- array.filter()
array.forEach()
- array:数组
- for：为了……
- Each：每一个
定义 - 官网：按顺序为数组中的每个元素调用一次函数。
- 理解：指定函数遍历数组。意思就是为数组中的每一个元素执行一次函数。
语法
array.forEach(function(currentValue.index.arr),thisValue)
- function：第一个参数是一个函数
- 当执行forEach()方法的时候，每个数组元素都会调用一次函数参数。
- 在调用函数的时候，可以传入以下三个参数：
- item:表示数组中的一个元素。（必须）
- index：表示数组中的索引（可选）
- Array：表示当前数组（可选）
- thisValue：第二个人参数是设置this指向。（可选）
返回值
- undefined
示例
每个加3
var arr = [1, 2, 3];
arr.forEach(function (item, index) {
arr[index] = item + 3;
});
console.log(arr); //返回值456
求平均值
let sum = 0;
const arr = [1, 2, 3];
arr.forEach(function (item) {
sum += item;
});
console.log(sum); //返回值6
map()
定义
- 数组中的元素为原始数组元素调用函数处理后的值
- 按照原始数组元素顺序依次处理元素
语法
array.map(function(currentValue,index,arr),thisValue)
- 参数：
currentValue 必须。当前元素的值
index 可选。当前元素的索引值
arr 可选。当前元素属于的数组对象
返回值
一个新数组
示例
var arr = [1,2,3];
let arrNew = []
arrNew = arr.map(function(item,index){
return item + 3
});
console.log(arrNew) //[ 4, 5, 6 ]
array.filter()
定义
- 创建数组，填充了所有通过测试的数组元素（作为函数提供）
语法 - array.filter(function(currentValue, index, arr), thisValue)
返回值 - 包含所有通过测试的数组元素的数组。如果没有元素通过测试，则返回一个空数组。
示例
var arr = [10, 20, 30, 40, 50];
var arr1 = [];
arr1 = arr.filter(function (item) {
return item > 30;
});
console.log(arr1); //[40,50]
array.every()
定义
- 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）
语法
array.every(function(currentValue,index,arr), thisValue)
- 参数：
- currentValue 必须。当前元素的值
- index 可选。当前元素的值
- arr 可选。当前元素属于数组的对象
返回值
- 布尔值。如果所有元素都通过检测返回 true，否则返回 false。
示例
var arr = [1,2,3]
var arr1 = arr.every(function)(item,index,arr{
return item > 1
})
//返回值flase
array.find()
定义
-
find()方法返回数组中第一个通过测试元素的值（作为函数提供）
语法
array.find(function(currentValue, index, arr), thisValue)
- 参数：
- currentValue 必选。当前元素的值
- index 可选。当前元素的数组索引
- arr 可选。当前元素所属的数组对象
返回值
- 数组中元素通过测试，则返回数组元素值，否则返回undefined。
示例
var arr = [1,2,3]
var arr1 = arr.find(function(item,index,arr){
return item === 1
})
//返回值是1
array.findIndex()
定义
-
findIndex()返回数组中通过测试的第一个元素的索引（作为函数提供）
语法
array.findIndex(function(currentValue, index, arr), thisValue)
- 参数：
- currentValue 必需。当前元素的值。
- index 可选。当前元素的数组索引。
- arr 可选。当前元素所属的数组对象。
返回值
- 返回符合测试条件的第一个数组元素索引，如果没有符合条件的则返回-1
示例
var arr = [20, 30, 40, 50, 60, 70];
var arr1 = arr.findIndex(function (item) {
return item == 50;
});
console.log(arr1);
// 返回值：3
如何没有检测到则返回-1
array.filter()
定义
-
filter方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
语法
array.filter(function(currentValue,index,arr), thisValue)
- 参数：
- currentValue 必须。当前元素的值
- index 可选。当前元素的索引值
- arr 可选。当前元素属于的数组对象
返回值
- 返回数组，包含符合条件的所有元素。如果没有符合条件的元素则返回空数组。
示例
var arr = [1,2,3]
var arr1 = arr.filter(function(item,index,arr){
retuen.item > 1
//返回值：[2,3]
})
