数组的深拷贝:

一.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
         }
         
二.slice 方法实现数组的深拷贝
            var arr = [1,2,3,4,5]
        var arr2 = arr.slice(0)
        arr[2] = 5
        console.log(arr)
        console.log(arr2)
三.concat 方法实现数组的深拷贝
            var arr = [1,2,3,4,5]
        var arr2 = arr.concat()
        arr[2] = 5
        console.log(arr)
        console.log(arr2)
四.ES6扩展运算符
            var arr = [1,2,3,4,5]
            var [ ...arr2 ] = arr
            arr[2] = 5
            console.log(arr)
            console.log(arr2)

对象的深度拷贝:

一.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
    }
    var copyObject = function(obj) {
        var result = {};
        for (var x in obj) {
            result[x] = typeof obj === "object" ? copyObject(obj[x]) : obj[x]
            //如果拷贝的值仍然是一个对象,那么重复执行当前方法。
        }  
        return result;
    }
    ~~3.14 = > 3;
    // ~~ 取整。~取当前数值的反码,~~表示再次取反,也就是得到当前自身(说明,JS中的“位”运算会将数值自动转换为整数)
二.转换成json再转换成对象实现对象的深拷贝
    var obj = {
      name: 'FungLeo',
      sex: 'man',
      old: '18'
    }
    var obj2 = JSON.parse(JSON.stringify(obj))
三.扩展运算符实现对象的深拷贝
    var obj = {
      name: 'FungLeo',
      sex: 'man',
      old: '18'
    }
    var { ...obj2 } = obj
    obj.old = '22'
    console.log(obj)
    console.log(obj2)

数组去重:

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

steryn
98 声望1 粉丝

正直 进取 合作 创新