JS 数组克隆方法总结

2019-12-05 15:29:08 浏览数 (1)

ES5 方法总结

slice

/1.slice方法

1) 作用:从一个数组中截取出新的数组

2) 格式:数组名.slice(begin,end);

 begin表示开的下标

 end表示结束的下标,但是在截取时不包含结束下标对应的元素

3) 注意:

 原数组不受影响

 如果只设置一个参数,即begin,那么会从begin截取到最后

 如果不写参数,那么slice方法可以实现数组的复制 */

代码语言:javascript复制
let arr = [2,4,434,43]
let arr1= arr.slice()
arr[0] = 'a'
console.log(arr,arr1) // [ 2, 4, 434, 43 ]
console.log(arr1 === arr) // false
遍历数组
代码语言:javascript复制
Array.prototype.clone = function(){
    let a=[];
    for(let i=0,l=this.length;i<l;i  ) {
        a.push(this[i]);
    }
    return a;
}
let arr = ['aaa','bbb','ccc','wwwww','ddd']
let arr2 = arr.clone()
console.log(arr2)
console.log( arr2 === arr )
concat()

使用 concat() 用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

代码语言:javascript复制
Array.prototype.clone=function(){ 
    return [].concat(this); 
    //或者 return this.concat();
}
let arr = ['aaa','asss']
let arr1 = arr.clone()
arr[0] = 123
console.log(arr,arr1)

ES6 方法总结

Object.assign() 浅复制,也可以实现数组的克隆
代码语言:javascript复制
let arr = ['sdsd',123,123,123]
let arr1 = []
Object.assign(arr1,arr)
arr[1] = 'aaaa'
console.log(arr,arr1) //
 [ 'sdsd', 'aaaa', 123, 123 ]  
[ 'sdsd', 123, 123, 123 ]
扩展运算符
代码语言:javascript复制
const a1 = [1, 2];

const a2 = [...a1];
a1[0] = 'aaa'
console.log(a1,a2)

0 人点赞