JavaScript ,16种常用数组方法

前言

📗众所周知,向后端请求数据,处理数据是前端工程师必备的技能,从后端请求回来的数据往往是数组的形式返回到前端,因此数组处理方法的重要性可想而知;每次在处理对应数据都需要查阅一下因此记录一下使用方法

💡不会改变原数组的方法

forEach()方法

⛳️ forEach()方法传入的参数是一个函数,内部传入的函数的形参第一个是item数组每一项的值,第二个是索引号index,它的返回值是undefined;
运行实例如下:

filter()方法

⛳️ filter()方法是筛选数组的方法,传入的参数和forEach方法一样,但是返回值为一个数组,实际应用是用来将获取到的数据中符合条件的数组筛选出来;
运行的实例如下:

map()方法

⛳️ map()方法传入的参数也同上,它的返回值也是一个新的数组;map()方法可以对数组的每一项进行相同的处理

运行的实例如下:

findIndex()方法

⛳️ findIndex()方法顾名思义,是返回数组中的符合条件的第一项的索引号,如果找不到返回-1。传入的参数同上

运行实例如下所示:

find()方法

⛳️ find()方法是返回查找到的第一个符合条件的那一项,传入的参数同上。

运行实例如下所示:

经常与filter方法搭配着使用

some()方法

⛳️ some()方法传入的参数同上,返回值是布尔值,只要查找到一项符合条件就返回true;

示例如下:

every()方法

⛳️ every()方法传入的参数也是同上,返回值是布尔值,但是必须每一项都符合条件才返回true;

示例如下:

reduce()归纳函数

⛳️ reduce()函数中

  1. recude函数接收两个参数,一个为回调函数,一个为初始赋值
  2. 第一个参数的回调函数又接收四个参数,分别为(初始值或计算结束后的返回值,当前元素,当前元素的索引,当前元素所属的数组对象)
  3. 第二个参数是传给函数的初始值,非必传

代码示例如下:

初始值是0,0可以不写

初始值是1

计算数组中每个元素出现的次数

concat()数组拼接

⛳️concat()将两个数组进行拼接,返回的是拼接完的新数组,不能给多维数组(数组套数组)进行拼接;
代码示例如下:

💡改变原数组的方法

push()方法

⛳️是在数组的最后面添加一个元素,返回值是新数组的长度;

代码示例如下:

unshift()方法

⛳️是在数组的最前面添加一个元素,返回值是新数组的长度;

代码示例如下:

pop()方法

⛳️删除数组的最后一个值;返回值是删除的那一项;

代码示例如下:

shift()方法

⛳️删除数组的第一项的值;返回值是删除的那一项;

代码示例如下:

sort()方法

⛳️sort()方法是排序,内部的参数是一个函数,function(a , b){ return a - b },通过此函数可以控制排序是降序函数升序,如果参数内部return a - b是升序,return b-a是降序;

代码示例如下:

纯数字升序

数字加字符串升序

纯数字降序

数字加字符串降序

按照对象指定的属性值进行升序或降序排列

reverse()方法

⛳️reverse()是数组翻转,即将数组的元素倒序排列;

代码示例如下:

splice()方法

⛳️splice()方法修改原数组,返回一个删除元素的新数组,负数就是从后往前数索引;传入的第一个参数是删除的起始元素的索引号,第二个参数是删除的元素的个数;

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值