javascript数组方法及使用说明

157 阅读1分钟

Array.forEach(v,i,callback)

  1. 作用 :循环数组
  2. 形参:
  • v : 当前循环项

  • i : 当前循环项索引

  • callback: 回调函数

    const array = [ { id:0, name: '孙悟空' }, { id:1, name:'猪八戒' }, { id:2, name:'沙悟净' }, { id:3, name:'唐三藏' } ] array.forEach((v,i)=>{ console.log(v,i) }) // 输出: {id: 0, name: "孙悟空"} 0 {id: 1, name: "猪八戒"} 1 {id: 2, name: "沙悟净"} 2 {id: 3, name: "唐三藏"} 3

Array.filter(v,i,callback)

  1. 作用 : 过滤数组,并返回新数组

  2. 形参:*同上

    const num = [10,15,20,25] const newNum = num.filter((v,i)=>{ return v >= 15 }) console.log(newNum) //输出: [15, 20, 25]

Array.map(v,i,callback)

  1. 作用 : 返回数组中指定的值

  2. 形参:*同上

    const list = [ { name:'张三', age:20 }, { name:'李四', age:25 }, { name:'王五', age:27 } ] const newList = list.map((v,i)=>{ return v.name }) console.log(newList) // 输出: ["张三", "李四", "王五"]

Array.findIndex(v,i,callback)

  1. 作用 : 返回符合条件的索引

  2. 形参:*同上

  3. 注意:如果找到符合条件的值,立即结束循环并返回索引

  4. 索引:索引是从0开始计算的

    const num = [10,20,30,40] const index = num.findIndex((v,i)=>{ return v > 25 }) console.log(index) // 输出: 2

Array.every(v,i,callback)

  1. 作用 : 判断数组中的值符合条件,并返回布尔值 false || true

  2. 形参:*同上

  3. 注意:数组中只要有一个不符合条件,都会返回false,并立即结束循环

    const num = [20,30,40,50] const bool=num.every((v,i)=>{ console.log(v) return v <= 30 }) console.log(bool) // 输出: 20 30 40 false

Array.some(v,i,callback)

  1. 作用 : 判断数组中的值符合条件,并返回布尔值 false || true

  2. 形参:*同上

  3. 注意:数组中只要有一个符合条件,都会返回true,并立即结束循环

    const num = [10,20,30,40] const bool=num.some((v,i)=>{ console.log(v) return v>=30 }) console.log(bool) // 输出: 10 20 30 true