程序员的知识教程库

网站首页 > 教程分享 正文

JavaScript对数组的处理,特别要注意那些对原数组有影响的方式

henian88 2024-08-12 19:52:04 教程分享 55 ℃ 0 评论

点击上方蓝字关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

有关数组,我们需要关注两个问题,1、数组的创建;2、数组的方法调用。创建,我们可以采取最简单直接的字面量的形式来创建,如let arr =[]。

那么,重点就是数组的方法调用了,我们知道,JavaScript中数组具有很多内置的方法。这些方法在操作的时候有些对原数组无影响,有些又有影响,要特别注意它们的灵活应用。接下来有关数组的一些常用处理方式做一个归纳,这些一定也是你平时用的最多的。

一、有关"新增"-影响

数组中,新增一个元素的方式有push,unshift。这两方法会对原数组产生影响,如下所示 :

这两个方法返的是数组长度数值。

二、有关"新增"-不影响

数组中,新增元素,而又不影响原来的数组,可以使用concat,拼接,如下:

一目了然了吧。

说到拼接,昨天我写了一篇有关展开操作符,也可以应用。

有关展开操作符详情可以参考上一篇。展开运算符可以让你的代码变得如此简短

三、有关"移除"-影响

和新增元素的方法对应,移除方法同样有两个方法:pop,shift。分别表示从尾,从首移除一个元素。

注意的是:这两个方法返回的是移除的元素。

移除元素还有一个方法:splice。这个也是比较常用的方法,看一下它的用法:

使用规则很简单,关键是知道有这么个方法就行。

四、有关"移除"-不影响

要去除一个元素,而又不影响原数组。 最容易想到的一个方法就是slice。返回的是删除之后的新数组。如下:

slice一定不要和上面那个splice搞混淆了。。。

移除一个元素,和"过滤"是同样的意思,还记得我们项目中使用的filter方法吗?来看一下它的用法:

是不是和我们的需求完全吻合。

五、有关"替换"-影响

大家一下非常熟悉一个方法splice。上面说过了,如果你知道要替换的元素位置,可以采用这个方法来操作。

六、有关"替换"-不影响

若不希望它影响原来的数组的话,那么可以通过一个我们经常使用的map方法来重新生成一个数组。使用起来也是在熟悉不过了,像下面这样:

最后总结一下:

这篇文章不是将数组的所有内置方法总结一遍,如果是,那还有没说到的方法,这里只是想提醒一下,在使用这些方法前要注意它的返回值和原数组是否影响问题。因为它们太常用了。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表