数组深拷贝、对象的深拷贝、数组去重

一、数组深拷贝方法

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

var arr = [1,2,3,4,5,6];

var arr2 = copyArr(arr );

function copyArr(arr ){

var res = [];

for(var i=0 ; i<arr.length;i++){

res .push(arr[i])

}

}

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

var arr = [1,2,3,4,5]

var arr2 = arr.slice(0)

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

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

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

var arr = [1,2,3,4,5] var [ ...arr2 ] = arr

 

二、对象的深拷贝

1、for循环实现对象的深拷贝

var obj = { name: 'FungLeo', sex: 'man', old: '18' } var obj2 = copyObj(obj) function copyObj(obj) { let res = {} for (var key in obj) { res[key] = obj[key] } return res }

2、转换成json再转换成对象实现对象的深拷贝

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

3、扩展运算符实现对象的深拷贝

var obj = { name: 'FungLeo', sex: 'man', old: '18' } var { ...obj2 } = obj

三、数组去重

1、es6的语法

function dedupe(array) { return [...new Set(array)] } var arr = [1,2,2,3,3,4,4,5,5] console.log(dedupe(arr))

function unique (arr) { const seen = new Map() return arr.filter((a) => !seen.has(a) && seen.set(a, 1)) }

2、双层循环

var array = [1, 1, '1', '1']; function unique(array) { // res用来存储结果 var res = []; for (var i = 0, arrayLen = array.length; i < arrayLen; i++) { for (var j = 0, resLen = res.length; j < resLen; j++ ) { if (array[i] === res[j]) { break; } } // 如果array[i]是唯一的，那么执行完循环，j等于resLen if (j === resLen) { res.push(array[i]) } } return res; }

3、利用es6 set用方法不会添加重复值的特性，进行循环，然后加入新的数组

const s= new Set();

let arr=[1,2,2,3,3,5,6,2,5,6];

arr.forEach(function(x){

s.add(x);

}) console.log(unique(array)); // [1, "1"]

四、js合并多个对象

1、使用JQuery的extend方法

var o1 = { a:'a' }, o2 = { b:'b' };

// 则

var o3 = { a:'a', b:'b' }

o3 = $.extend(o1, o2)  // 合并 o1 和 o2， 将结果返回给 o3. 注意： 此时，o1 == o3! 即 o1 被修改

// 或

o3 = $.extend({}, o1, o2) // 合并 o1 和 o2， 将结果返回给 o3. 注意： 此时，o1 ！= o3! 即 o1 没有被修改

2、用 Object.assign();

var o1 = { a: 1 };

var o2 = { b: 2 };

var o3 = { c: 3 };

 

var obj = Object.assign(o1, o2, o3);

console.log(obj); // { a: 1, b: 2, c: 3 }

console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。

3、遍历赋值法 

循环对象n中的每一个对应属性。

确认对象n中存在该属性

确认对象o中不存在该属性

 

var extend=function(o,n){

   for (var p in n){

        if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) ))

            o[p]=n[p];

    }

};