js数组迭代方法-w3school

/* 
  数组迭代方法接受回调函数,回调函数接受参数说明:
    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
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页