JavaScript中数组的应用方式

数组的增加方法

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中最常见的应用。理解各种方法是必须的。希望对大家有所帮助。

时间是一个好东西，记录的是爱你的证据