js中forEach,some,filter的使用

一.forEach的使用

forEach()方法 遍历数组
语法:
array.forEach(function(currentValue,index,arr){})
array:哪一个数组
currentValue:数组当前项的值
index:数组当前项的索引
arr:数组对象本身

    let arr = [1, 2, 3];
    arr.forEach(function (value, index, array) {
        console.log(value);// 1 0 数组对象本身
        console.log(index);// 2 1 数组对象本身
        console.log(array);// 3 2 数组对象本身
    })

二.some的使用

some()方法
用于检测数组中的元素是否满足指定条件 通俗来讲 就是查找数组中是否有满足条件的元素
注意:他返回的是一个布尔值 如果查找到了这个元素就返回true,如果查找不到就返回false
如果找到第一个满足条件的元素,则终止循环不再继续查找

    语法: 
    array.some(function(currentValue,index,arr){})
    array:哪一个数组
    currentValue:数组当前项的值
    index:数组当前项的索引
   arr:数组对象本身

    let arr = [10, 30, 4];
    let flag = arr.some(function (value, index) {
        // return value > 20;
        return value < 3;
    })

三.filter方法的使用

filter()方法
用于创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
注意:他返回 一个新的数组

    语法: 
    array.filter(function(currentValue,index,arr){})
    array:哪一个数组
    currentValue:数组当前项的值
    index:数组当前项的索引
    arr:数组对象本身
    let arr = [12, 66, 4, 88, 3];

    遍历数组中的每一个数 每遍历一次就执行一次内部函数 进行选择判断
    let newarr = arr.filter(function (currentValue, index) {
        // return currentValue > 20;
        return currentValue % 2 == 0;
    })
    console.log(newarr);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,for循环和forEach方法都是用于遍历数组的方式,但它们的用法和特点略有不同。 1. for循环是一种传统的循环方式,可以通过指定条件和计数器来控制循环次数。它的语法格式为: ```javascript for (初始化; 条件; 迭代) { // 循环体代码 } ``` 其,初始化是在循环开始时执行的一段代码,用于声明和初始化计数器;条件是每次循环开始前都会被检查的一个表达式,只有当条件为真时,循环体才会执行;迭代是在每次循环结束后执行的一段代码,用于更新计数器的值。 2. forEach方法是数组的一个内置方法,用于遍历数组的每个元素。它接受一个回调函数作为参数,回调函数会被依次应用到数组的每个元素上。forEach方法的语法格式为: ```javascript array.forEach(function(currentValue, index, array) { // 循环体代码 }); ``` 其,currentValue表示当前遍历到的元素的值;index表示当前元素的索引;array表示正在被遍历的数组。在forEach方法,我们不能使用break或return语句来跳出整个循环,如果需要跳出循环,可以使用抛出异常的方式来实现。 总结: - for循环是一种传统的循环方式,通过条件和计数器控制循环次数。 - forEach方法是数组的内置方法,用于遍历数组的每个元素。 - 在for循环,我们可以使用break或return语句来跳出循环。 - 在forEach方法,如果需要跳出整个循环,可以使用抛出异常的方式来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [浅析JS的 map, filter, some, every, forEach, for in, for of 用法总结](https://download.csdn.net/download/weixin_38655990/12975184)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [jsforEach,for in,for of循环的用法示例小结](https://download.csdn.net/download/weixin_38651929/12927250)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [js的for、foreach、for in、for of之间的区别和使用](https://blog.csdn.net/qq_44552416/article/details/123230728)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值