其他分享
首页 > 其他分享> > 数组的 every()、some() 、filter()、findIndex() 方法

数组的 every()、some() 、filter()、findIndex() 方法

作者:互联网

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数组的几种方法</title>
</head>
<body>
  <script>
    var arr = [
      {
        id:1,
        name: '苹果',
        checked: false
      },{
        id:2,
        name: '梨子',
        checked: false
      },{
        id:3,
        name: '香蕉',
        checked: true
      },{
        id:4,
        name: '草莓',
        checked: false
      },{
        id:5,
        name: '橘子',
        checked: true
      }
    ];
    /**
     *  every(): 返回一个 Boolean 类型的值 
     *  对数组中的每一个元素进行对比 只有所有的元素都为 true 时 返回的结果为 true 反之为 false
     *  some(): 返回一个 Boolean 类型的值 
     *  对数组中的每一个元素进行对比 只要有一个元素为 true 返回的结果就为 true 反之为 false
     * 
     *  filter(): 返回 数组中满足 提供条件的 所有元素, 都不满足 就会返回 [] (空数组)
     *  findIndex(): 返回 数组中满足 提供条件的 第一个元素的 索引, 都不满足 就会返回 -1
     * 
     */
    result = arr.every(v => v.checked);   //false
    result = arr.some(v => v.checked);    //true
    result = arr.filter(v => v.checked)   // 由 arr[2] 和 arr[4] 组成的新数组
    result = arr.findIndex(v => v.name === '橘子');   // 4
    console.log(result)  
  </script>
</body>
</html>

标签:findIndex,checked,name,some,arr,filter,数组,false,true
来源: https://blog.csdn.net/m0_49045925/article/details/112799964