js数组常用方法(返回Boolean,索引,当前元素,数组,遍历)总结

本文详细介绍了JavaScript中数组的常用操作方法,包括forEach遍历、find查找、indexOf和findIndex定位、includes和some/every判断元素存在以及map和filter创建新数组。还讲解了reduce方法用于数组累加求和,帮助开发者更好地理解和运用这些数组方法。

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

一、数组遍历元素的方法

1.forEach()

forEach()用于遍历整个数组,中途不能中断

    let arr: any[] = [1, 2, 3, 4];
    arr.forEach((item,index)=>{
      console.log('值:',item,'索引:',index);
    });

在这里插入图片描述

二、数组返回满足条件当前值的元素的方法

1.find()

find() 方法返回满足条件(函数内判断)的数组的第一个元素的值,find() 并不会改变数组的原始值。

    let arrFind = [
      { id: 1, name: '学生1', class: '001' },
      { id: 2, name: '学生2', class: '002' },
      { id: 3, name: '学生3', class: '003' },
    ];
    
    let result = arrFind.find(v => v.id == 1);
    console.log('result', result);
  }

在这里插入图片描述

三、数组返回对象索引的数组方法

1.indexOf()

indexOf()该方法返回某个元素在数组中的位置索引

    let arrIndexOf = [1, 2, 3, 4];
    console.log('result', arrIndexOf.indexOf(1));
    console.log('result', arrIndexOf.indexOf(2));
    console.log('result', arrIndexOf.indexOf(5));

在这里插入图片描述

2.findindex()

findindex()会遍历数组的所有元素,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1

    let arrFindIndex = [
      { id: 1, name: '学生1', class: '001' },
      { id: 2, name: '学生2', class: '002' },
      { id: 3, name: '学生3', class: '003' },
    ];
    let result = arrFindIndex.findIndex(v => (v.id = 1));
    console.log('result', result);
  }

在这里插入图片描述

四、数组返回满足条件布尔值的方法

1.includes()

includes()方法,用于检查数组是否包含某个元素,返回一个布尔值。一般用于简单数组。

    let arr: any[] = [1, 2, 3, 4];
    let result = arr.includes(1, 2);
    //第一个参数为搜索的元素,第二个是开始搜索的位置,返回值是true或false
     console.log(result ,'result ');//false "result"

2.some()

some()对数组的每一项都运行给定的函数,若存在一项或多项返回 ture,则返回 true,不满足查询条件就会停止循环

    let arr: any[] = [1, 2, 3];
    let result: any = arr.some((item, index, array) => {
      //一满足查询条件就停止循环,返回bool
      console.log('item', item);
      return item == 3;
    });
    console.log(result, 'result');

在这里插入图片描述

//当item=2时
return item == 2;

在这里插入图片描述

3.every()

every() 对数组的每一项都运行给定的函数,若每一项都返回 ture,则返回 true,不满足查询条件就会停止循环

    let arr: any[] = [1, 2, 2];
    let result: any = arr.every((item, index, array) => {
      //不满足查询条件就停止循环,返回bool
      console.log(item, 'item');
      return item == 1;
    });
    console.log(result, 'result');

在这里插入图片描述

let arr: any[] = [1, 1, 1];

在这里插入图片描述

五、数组返回满足条件新数组的方法

1.map()

map() 方法来根据需求格式化原数组,返回格式化后的数组。原数组不变

    let arrMap: any[] = [1, 2, 3];
    let result: any[] = arrMap.map((value, index) => {
      //value当前值,index当前索引
      console.log(value,'value',index,'index');
      return value * 2;
    });
     console.log(result,'result');

在这里插入图片描述

2.filter()

filter() 方法返回数组中满足条件的元素组成的新数组,原数组不变,参数按自己需求定义

    let arrFilter: any[] = [1, 2, 3];
    let result = arrFilter.filter((value, index, array) => {
      //value为:当前值,index为当前索引,array为arr数组
      console.log(value,'value',index,'index');
      return value > 1;
    });
    console.log(result,'result');

在这里插入图片描述

六、数组返回数组累加求和结果的方法

1.reduce()

reduce() 方法接收一个函数作为累加器(常用于计算数组值的和),数组中的每个值(从左到右)开始缩减,最终计算为一个值。一般需要传两个参数,第一个参数为当前值左边数组元素累加的和,第二个参数为当前的值,注意: reduce() 对于空数组是不会执行回调函数的

    let arr: any[] = [1, 2, 3, 4];
    let result = arr.reduce((a, b) => {
      //a是累加的和,b是当前的值
      return a + b;
    });
    console.log(result,'result');//输出:10 "result"
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值