一、数组深拷贝方法
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];
}
};