如何从数组中查找你想要的值

本文深入解析JavaScript数组的常用方法,包括forEach迭代、filter筛选、some查找及map映射等,详细介绍了每种方法的使用场景和代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.forEach()迭代数组

       //forEach 迭代数组
       var arr = [1,2,3,4,3,6,3];
       arr.forEach(function(value,index,array) {
           if(value == 3){
               console.log('这个元素所在位置'+index);   
           }
       })

结果:
在这里插入图片描述

2.filter筛选数组

filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,注意他直接返回一个新的数组

    //filter 筛选数组
    var arr = [1,2,3,4,3,6,3];
    var newArr = arr.filter(function(value,index) {
        //写上你的筛选条件
        //1.使用if判断
        //if(value == 3) {
            //console.log('元素的位置在'+index);
            //return value;
        //}
        //2.直接返回
         return value == 3;
    });
    console.log(newArr);

结果:
在这里插入图片描述

3.some()

注:
1.some()用于查找数组中是否有满足条件的元素,且返回值是布尔类型,如果找到这个元素,就返回true,否则返回false

2.如果查询数组中唯一的元素,用some方法更合适,因为他找到这个元素,就终止循环,效率更高

    //some 查找数组中是否有满足条件的元素
    var arr = ['red','pink','blue'];
    var flag = arr.some(function(value,index) {
        if (value == 'pink') {
            console.log(index);
            return true;
        }
        // return value == 'pink';
    })
    console.log(flag);

结果:
在这里插入图片描述

4.map()和forEach()相似

注:
map()返回新的数组,forEach()只是遍历,但是不返回新的数组

       var arr = [1,2,3,4,3,6,3];
       arr.map(function(value,index,array) {
           if(value == 3){
               console.log('这个元素所在位置'+index);   
           }
       })

结果:
在这里插入图片描述
以上就是数组的遍历方法,还有一种every():查询数组中是否所有的元素都满足条件,有一个不满足则返回false

完结撒花!!!有错误的地方欢迎指出!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值