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

2021-01-19 10:03:22 阅读：272 来源： 互联网

标签：findIndex checked name some arr filter 数组 false true

<!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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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