龙空技术网

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

小郑搞码事 261

前言:

而今我们对“js如何清空数组”大概比较着重,兄弟们都需要了解一些“js如何清空数组”的相关文章。那么小编在网摘上网罗了一些有关“js如何清空数组””的相关文章,希望大家能喜欢,兄弟们快快来了解一下吧!

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

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

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

一、有关"新增"-影响

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

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

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

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

一目了然了吧。

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

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

三、有关"移除"-影响

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

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

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

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

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

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

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

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

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

五、有关"替换"-影响

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

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

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

最后总结一下:

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

标签: #js如何清空数组