脚本宝典收集整理的这篇文章主要介绍了没有对象？那就复制一个吧!（科普向，实际应用向），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

let a = 1;
let b = 'name';
let c = true;
let d = null;
let e = un@R_360_935@d;

let a = 1;
let f = a;

//此时改变a的值
a = 2;

console.log(`a 是${a}`);
console.log(`f 是${f}`);

let person={
    'name':'Mario'
}

let person={
    'name':'Mario'
}

let person_copy = person;

//修改person中的内容
person['name']='JavaScript';

console.log(`person: ${person['name']}`);
console.log(`person_copy: ${person_copy['name']}`);

• ES6的对象扩展运算符 [...]
@H_679_304@

let origin = [1, 2, 3, 4, 5];
let another = [...origin];

//向原数组中添加一个元素
origin.push(6);
console.log(`another元素: ${another}`);

运算结果：



• slice

let origin = [1, 2, 3, 4, 5];
let another = origin.slice();

//向原数组中添加一个元素
origin.push(6);
console.log(`another元素: ${another}`);

运行结果：



• concat

let origin = [1, 2, 3, 4, 5];

//相当于向origin中拼接一个空数组
let another = origin.concat([]);

//向原数组中添加一个元素
origin.push(6);
console.log(`another元素: ${another}`);

运行结果：



• JSON.stringify

这个方法可行但是几乎没人这么用。原理是将数组转为字符串再转回数组类型。

let origin = [1, 2, 3, 4, 5];
let another = JSON.parse(JSON.stringify(origin));

//向原数组中添加一个元素
origin.push(6);
console.log(`another元素: ${another}`);

运行结果：



其中笔者觉得第一和第二个方法比较好用。不过如果数组中的元素是字面量对象的话，请继续向下看。

字面量对象的深复制

实际开发中，所谓字面量对象可以人为是一段json数据。json的重要性不用说，那么相当重要，前后端交互的核心。
先给出一段json:

{
    'name': 'Mario',
    'age': 26,
    'isCoder': true,
    'homeWebPage': null,
    'fullStackSkills': undefined,
    'hobbies': ['LOL', 'Travel', 'Coding'],
    'phone': {
        'home': 123321,
        'office': 456654
    }
}

首先分析这段json中的数据，不管是基本数据类型还是引用数据类型都有了，所以想要复制这个json对象，我们需要针对不同的数据做不同的处理。根据科普的知识我们已经知道，复制基本数据类型可以直接赋值，对于引用数据类型则不行，而且主要使用到的数组和字面量对象(这里也可以认为是json)这两个类型数据的复制方法都不同。因此我们首先要判断某一个数值是否是对象：

//判断ITem是否为'object';该方法主要是为了区分参数是基本类型还是引用类型
function isObject(item) {
    return (item === null || item === undefined) ? false : (typeof item === 'object');
}

其次，我们可以看到origin是一段json，orgin中的phone字段对应的值也是一段json，所以要想整个复制这个对象难免要用到递归，一层一层嵌套进行。奉上核心代码：

递归调用 let copy = value.slice(); mirror[key] = copy; } else { //初始化本次字面量对象的镜像对象 let obj = {}; mirror[key] = obj; //引用传值 //递归调用 deepClone(value, obj); } } else { mirror[key] = value; } }); }" title="" data-original-title="复制">

/**
 * 
 * @param {字面量对象} origin 
 * @param {origin的镜像对象} mirror
 */
function deepClone(origin, mirror) {
    //获取该字面量对象的所有的key
    let keys = Object.keys(origin);
    //遍历所有的key已保证复制的完整
    keys.foreach(key => {
        let value = origin[key];
        if (isObject(value)) {   //判断是否为对象，如果是则需要额外处理;如果不是则直接复制
            if (Array.isArray(value)) { //判断是否为数组，如果是则需要复制该数组并存入mirror;如果不是则进行递归调用
                let copy = value.slice();
                mirror[key] = copy;
            } else {
                //初始化本次字面量对象的镜像对象
                let obj = {};
                mirror[key] = obj;
                //引用传值
                //递归调用
                deepClone(value, obj);
            }
        } else {
            mirror[key] = value;
        }
    });
}

通过测试，

//test
let mirror = {};
deepClone(origin, mirror);

//向原对象中的hobbies中增加一项
origin['hobbies'].push('Eat');
console.log(mirror);

运行结果：



证明方法有效。
当然针对json数据的复制，也可以只用JSON.parse(JSON.stringify(origin))实现，具体效率怎么样，笔者也没有进行测试。所以这块有待验证。因为该文章注重实际开发中的应用，所以例子没有用到复杂的对象(例如：Set, Symbol 等等...)。所以如果有这个疑问的朋友也不用纠结了。

写得差不多了，能想到了就这些了...收拾收拾准备跑路了

脚本宝典总结

以上是脚本宝典为你收集整理的没有对象？那就复制一个吧!（科普向，实际应用向）全部内容，希望文章能够帮你解决没有对象？那就复制一个吧!（科普向，实际应用向）所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。