这里介绍几个数组常用的而且超级实用的方法,主要都是用来获取数组中符合条件的某个值

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}

以上代码给定条件,当数组当前的值的age属性等于23时,返回该值。从数据中我们可以看到,有2项值符合该条件,但是find会找到第一个符合该条件的值,最终返回了第一个符合该条件的所对应的数据 小明,且后面的值不再进行检测

javascript数组的find js中数组的find方法_前端

2、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

 以上代码给定条件,当数组当前的值的age属性等于23时,返回该值所对应的下标。从数据中我们可以看到,有2项值符合该条件,但是find会找到第一个符合该条件的值的下标,最终返回了第一个符合该条件的所对应的数据的下标,且后面的值不再进行检测

javascript数组的find js中数组的find方法_前端_02

3、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

以上代码给定条件,判断数组中是否存在值的age属性小于等于20时,只要有一个值满足该条件,就返回true,从数据中我们可以看到小红所对应的数据满足该条件,返回了true,并且后面的值也不再进行检测

javascript数组的find js中数组的find方法_前端_03

4、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

以上代码给定条件,判断数组中是否所有值的age属性小于等于20时,只要有一个值不满足该条件,就返回false,从数据中我们可以看到小红所对应的数据不满足该条件,最终返回了false,并且后面的值也不再进行检测

javascript数组的find js中数组的find方法_typescript_04

以上四个方法的执行函数都接受3个参数:

currentValue

必需。当前元素

index

可选。当前元素的索引值

arr

可选。当前元素所属的数组对象