/*
数组迭代方法接受回调函数,回调函数接受参数说明:
total——总数(初始值/先前返回的值)
value——数组元素值
index——数组元素索引
array——数组本身
*/
let arr = [45, 4, 9, 16, '25']
let newArr = []
// forEach() 方法为每个数组元素调用一次函数(回调函数)。
arr.forEach((value, index, array) => {
newArr[index] = value + ''
})
console.log(newArr) // [ '45', '4', '9', '16', '25' ]
// map() 方法通过对每个数组元素执行函数来创建新数组。
// map() 方法不会对没有值的数组元素执行函数。
// map() 方法不会更改原始数组。
newArr = arr.map((value, index, array) => {
return value * 2
})
console.log(newArr) // [ 90, 8, 18, 32, 50 ]
// filter() 方法创建一个包含通过测试的数组元素的新数组。
newArr = arr.filter((value, index, array) => {
return index > 1
})
console.log(newArr) // [ 9, 16, '25' ]
// reduce() 方法在每个数组元素上运行函数,以生成(减少它)单个值。
// reduce() 方法在数组中从左到右工作。另请参见 reduceRight()。
// reduce() 方法不会减少原始数组。
let diff = arr.reduce((total, value, index, array) => {
return total - value
})
console.log(diff) // -9
// reduceRight() 方法在每个数组元素上运行函数,以生成(减少它)单个值。
// reduceRight() 方法在数组中从右到左工作。另请参见 reduce()。
// reduceRight() 方法不会减少原始数组。
let diffRight = arr.reduceRight((total, value, index, array) => {
return total - value
})
console.log(diffRight) // -49
// every() 方法检查所有数组值是否通过测试。
let AllNumberArr = arr.every((value, index, array) => {
return typeof value === 'number'
})
console.log(AllNumberArr) // false
// some() 方法检查某些数组值是否通过测试
let HaveNumberArr = arr.some((value, index, array) => {
return typeof value === 'number'
})
console.log(HaveNumberArr) // true
// indexOf() 方法在数组中由左至右搜索元素值并返回其位置,未找到返回 -1
let indexNumber = 4
console.log(arr.indexOf(indexNumber)) // 1
// lastIndexOf() 方法在数组中由右至左搜索元素值并返回其位置
console.log(arr.lastIndexOf(indexNumber)) // 1
// find() 方法返回通过测试函数的第一个数组元素的值。
let firstStr = arr.find((value, index, array) => {
return typeof value === 'string'
})
console.log(firstStr) // 25
// findIndex() 方法返回通过测试函数的第一个数组元素的索引
let firstStrIndex = arr.findIndex((value, index, array) => {
return typeof value === 'string'
})
console.log(firstStrIndex) // 4
js数组迭代方法-w3school
最新推荐文章于 2024-02-27 16:06:44 发布