js 不修改原数组,返回新的数组

JavaScript020

js 不修改原数组,返回新的数组,第1张

根据javascript高程第四章  变量、作用域和内存问题

4.1 基本类型和引用类型的值

1)基本类型值指的是简单的数据段(Undefined、Null、Boolean、Number 和 String)

2)引用类型值指那些可能由多个值构成的对象(object,array)

我们在做项目的时候经常会遇到把一份数据copy出来,以备后面使用的情况。

有一个数组  arr = [1, 2, 3, 4, 5]。 

let subArr = []

subArr = arr 

然后我们以为subArr就可以随便操作啦?其实并不是这样的,数组arr的引用赋给subArr,所以改变str也会改变subArr 

比如 subArr.push(6)

console.log(arr) // [1, 2, 3, 4, 5, 6]

console.log(subArr) // [1, 2, 3, 4, 5, 6]

好了哔哔了那么久,下面总结了两个复制数组(返回新的数组)的方法: 

1、subArr = [].concat(arr) 

w3c解释: arrayObject.concat(arrayX,arrayX,......,arrayX)

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组

2、subArr = arr.slice(0) 

w3c解释: arrayObject.slice(start,end)  slice接收两个参数

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

本文实例讲述了JS数组push、unshift、pop、shift方法的实现与使用方法。分享给大家供大家参考,具体如下:

尾部添加(push)

push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。

从解释中可以看出,push方法只要将要添加的元素依次放到数组的最后即可,不会改变原有数组元素的索引。所以循环参数列表,将新元素依次放到数组的最后即可。

在Js Array中的方法大致分为两类:方法改变原数组 &方法生成新数组(不改变原数组)

1.push():向原数组的最后一位添加一个元素。返回数组长度

2.unshift():向原数组的最前添加一个元素。返回数组长度

3.pop():截取数组中最后一个元素。返回被截取的元素

4.shift():截取数组中第一个元素。返回被截取的元素

以上四个方法可以放在一起记忆,不要被方面名所误导。

5.splice():splice(index, howmany, item1,...itemX) 方法有多个参数可选,常用于分割数组。返回处理后的数组

第一个参数:从第n个元素的下标开始截取;

第二个参数:从第n个元素的下标开始截取多少个元素;

第三到n个参数:将截取的元素替换为什么

6.sort():sort(fn) 方法有一个参数可选,用于给数组排序。在不写参数的情况下会对数组中的元素进行从小到大的顺序排序。但不会识别数字(按照数字ACSLL编码表进行排序)

可选参数:参数返回一个函数,这个函数中有两个形参 .sort(function(a, b){}) 。形参中的a和b会类冒泡的访问数组中的元素;例:[1, 2, 3, 4] a b 分别会选择 1,2、 1,3 、 1,4 、 2,3 、 2,4 、 3,4。当a-b>1时,交换ab的值;当a-b<1时,不动。由此,可在此函数体中写出自定义的排序规则。返回排序后的数组

7.reverse():倒序排列整个数组。返回数组

1.concat():concat(arr)将两个数组拼接在一起。返回新数组

2.join():join('str')一个可选参数,返回以一个字符串将数组中的元素拼接成字符串。与str的split('str')方法相反,split()是将字符串以一个字符串拆分成数组。

3.toString():与join()函数不填写参数一样,返回一个一 逗号 ,拼接的字符串。

4.slice():选取数组中的第n个元素到第n个元素。返回新数组,也可不写参数返回数组的副本。

5.indexOf():index(item, start)方法有两个参数。返回指定元素在数组中的索引值;如果未找到指定元素,返回 -1

第一个参数:指定的元素

第二个参数:从填入的索引开始寻找