find、findIndex、some、every

131 阅读1分钟
  1. find:返回数组中第一个满足回调函数的条件的值,之后的值不再进行检测,当没有找到满足该条件的值时,返回undefined
let arr = [
    {
      name: '小明',
      sex: '男',
      age: 23
    },
    {
      name: '小红',
      sex: '女',
      age: 18
    },
    {
      name: '小兰',
      sex: '女',
      age: 21
    },
    {
      name: '小黑',
      sex: '男',
      age: 23
    }
  ];
 
const findResult = arr.find((value, index, arr) => {
    console.log(value);
    return (value.age === 23);
});
 
console.log(findResult); // {name: "小明", sex: "男", age: 23}
  1. findIndex:返回数组中第一个满足条件的值的下标,之后的值不再进行检测,当没有找到满足该条件的值时,返回 -1

let arr = [{
      name: '小明',
      sex: '男',
      age: 23
    },
    {
      name: '小红',
      sex: '女',
      age: 18
    },
    {
      name: '小兰',
      sex: '女',
      age: 21
    },
    {
      name: '小黑',
      sex: '男',
      age: 23
    }
  ];
 
const findIndexResult = arr.findIndex((value, index, arr) => {
    console.log(value);
    return (value.age === 23);
});
 
console.log(findIndexResult); // 0
  1. some:只要数组中有一个值满足条件,就返回true,之后的值不再进行检测,如果没有满足条件的值,返回false
let arr = [{
      name: '小明',
      sex: '男',
      age: 23
    },
    {
      name: '小红',
      sex: '女',
      age: 18
    },
    {
      name: '小兰',
      sex: '女',
      age: 21
    },
    {
      name: '小黑',
      sex: '男',
      age: 23
    }
  ];
 
const someResult = arr.some((value, index, arr) => {
    console.log(value);
    return value.age <= 20;
});
 
console.log(someResult); // true
  1. every:只有当数组中所有值都满足该条件,才返回true,当有值不符合该条件时,返回false,之后的值不再进行检测
let arr = [{
      name: '小明',
      sex: '男',
      age: 23
    },
    {
      name: '小红',
      sex: '女',
      age: 18
    },
    {
      name: '小兰',
      sex: '女',
      age: 21
    },
    {
      name: '小黑',
      sex: '男',
      age: 23
    }
  ];
 
const everyResult = arr.every((value, index, arr) => {
    console.log(value);
    return value.age <= 20;
});
 
console.log(everyResult); // false