码迷,mamicode.com
首页 > 编程语言 > 详细

JS 数组克隆方法总结

时间:2019-07-26 14:23:07      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:concat   let   补充   写法   方法   function   扩展   object   js 数组   

ES5 方法总结

1.slice

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

2. 遍历数组

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 )

3. concat()

    return [].concat(this); 
    //或者 return this.concat();
}
let arr = [‘aaa‘,‘asss‘]
let arr1 = arr.clone()
arr[0] = 123
console.log(arr,arr1)

ES6 方法总结

1. Object.assign() 浅复制,也可以实现数组的克隆

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 ]

 2. 扩展运算符

const a1 = [1, 2];
// 写法一
const a2 = [...a1];
a1[0] = ‘aaa‘
console.log(a1,a2)
 
欢迎补充其他方法!!!

JS 数组克隆方法总结

标签:concat   let   补充   写法   方法   function   扩展   object   js 数组   

原文地址:https://www.cnblogs.com/makai/p/11249982.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!