forEach、filter、some方法

本文介绍了ES6中三种重要的数组方法:forEach用于遍历数组,不返回值;filter则用于过滤数组元素,返回满足条件的新数组;some查找满足条件的元素,返回布尔值。在性能优化上,some在找到符合条件的元素后会立即终止遍历,比forEach更适合查找唯一元素的场景。
摘要由CSDN通过智能技术生成

es6新增方法

(1)数组方法forEach遍历数组
 arr.forEach(function(value, index, array) {
       //参数一是:数组元素
       //参数二是:数组元素的索引
       //参数三是:当前的数组
 })
  //相当于数组遍历的 for循环 没有返回值
<script>
        var arr = [100, 200, 300];
        // 第一个参数 遍历到的数组元素
        // 第二个参数 当前元素下标
        // 第三个参数 当前数组
        arr.forEach(function (val, index, array) {
            console.log(val, index, array);
        })
    </script>

在这里插入图片描述

(2)数组方法filter过滤数组
var arr = [12, 66, 4, 88, 3, 7];
  var newArr = arr.filter(function(value, index,array) {
       //参数一是:数组元素
     //参数二是:数组元素的索引
     //参数三是:当前的数组
     return value >= 20;
  });
  console.log(newArr);//[66,88] //返回值是一个新数组
(3)数组方法some

some:查找数组中是否有满足条件的元素

var arr = [10, 30, 4];
 var flag = arr.some(function(value,index,array) {
    //参数一是:数组元素
     //参数二是:数组元素的索引
     //参数三是:当前的数组
     return value < 3;
  });
console.log(flag);//false返回值是布尔值,只要查找到满足条件的一个元素就立马终止循环
some和forEach区别:

如果查询数组中唯一的元素, 用some方法更合适,在some 里面 遇到 return true 就是终止遍历 迭代效率更高

在forEach 里面 return 不会终止迭代

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值