JavaScript中数组的应用方式

mac2022-06-30  107

数组的增加方法

1. push() 方法向数组中末尾添加一个元素,原数组改变

2. unshit() 方法向数组中开始元素添加一个元素,原数组改变

3.splice()方法

ary.splice(n,m,x) 从索引n开始删除m个元素,把新增的元素X放在索引n的前面,把删除的元素当成一个新数组返回,原有数组改变

4. concat:是将参数添加到原数组中构成 新的数组,原有数组不改变  (多用于数组合并)

 

数组的删除方法

1.pop()方法删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined, 原数组改变

2.shit()方法删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined, 原数组改变

3.splice()方法

ary.splice(n,m)从索引n开始删除m个元素,把删除的内容当做新数组返回,原有数组改变

查询

1.slice(n,m)从索引n开始,找到索引m处,把找到的内容作为新的数组返回,原有数组不改变 

var arr=[1,2,3,4,5,6]; var arr7=arr.slice(1,3); console.log(arr7); // [2, 3]

2.slice(n) 从索引n开始查找到数组末尾, 把找到的内容作为新的数组返回,原有数组不改变 

3. indexof():搜索数组中的元素,并返回它所在位置索引,否则返回 -1

数组转化为字符串

1. toString()方法数组转换字符串 

2. join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符

排序

1.sort 方法可以实现由大到小或者由小到大的排序 但是直接写sort只能排序十以内的数字  

2.reverse()方法数组逆序

 

 

在js中,数组和对象的复制如果使用=号来进行复制,那只是浅拷贝

 

let arr1 = [1,2,3,4,5]; let arr2 = arr1; arr1[1] = 6; console.log(arr1); // [1,6,3,4,5] console.log(arr2); // [1,6,3,4,5]

 

如上,arr的修改,会影响arr2的值,这显然在绝大多数情况下,并不是我们所需要的结果。因此,数组以及对象的深拷贝就是javascript的一个基本功了

数组的深拷贝

1.for 循环实现数组的深拷贝

var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for (let i = 0; i < arr.length; i++) { res.push(arr[i]) } return res }

2. slice 方法实现数组的深拷贝

这个代码实现非常简单。原理也比较好理解,他是将原数组中抽离部分出来形成一个新数组。我们只要设置为抽离全部,即可完成数组的深拷贝。

var arr = [1,2,3,4,5] var arr2 = arr.slice(0) arr[2] = 5 console.log(arr) // [1,2,5,4,5] console.log(arr2) //[1,2,3,4,5]

3.concat 方法实现数组的深拷贝

这个代码也非常简单,原理更加粗暴。它是用于连接多个数组组成一个新的数组的方法。那么,我们只要连接它自己,即可完成数组的深拷贝。

var arr = [1,2,3,4,5] var arr2 = arr.concat() arr[2] = 5 console.log(arr) // [1,2,5,4,5] console.log(arr2) // [1,2,3,4,5]

4.ES6扩展运算符实现数组的深拷贝

var arr = [1,2,3,4,5] var [ ...arr2 ] = arr arr[2] = 5 console.log(arr) // [1,2,5,4,5] console.log(arr2) //[1,2,3,4,5]

ES6 语法特性参考详情

5.转换成json再转换成对象实现对象的深拷贝

var obj = { name: 'FungLeo', sex: 'man', old: '18' } var obj2 = JSON.parse(JSON.stringify(obj))

数组和对象的深拷贝是js中最常见的应用。理解各种方法是必须的。希望对大家有所帮助。

 

没有终点,没有彼岸,坚持就好,愿岁月如初

转载于:https://www.cnblogs.com/bore/p/10182997.html

最新回复(0)