深拷贝对象

最新推荐文章于 2022-08-31 00:32:15 发布

Smile_ping

最新推荐文章于 2022-08-31 00:32:15 发布

阅读量455

点赞数

分类专栏： javascript uniapp vue 文章标签：深拷贝对象 cloneObj

本文链接：https://blog.csdn.net/Smile_ping/article/details/124405729

版权

uniapp 同时被 3 个专栏收录

63 篇文章 3 订阅

订阅专栏

vue

50 篇文章 1 订阅

订阅专栏

javascript

34 篇文章 2 订阅

订阅专栏

深拷贝对象

/**
 * 深度拷贝对象
 * @param {Object} obj
 */
deepClone(obj) {
    const isObject = function(obj) {
        return typeof obj == 'object';
    }

    if (!isObject(obj)) {
        throw new Error('obj 不是一个对象！')
    }

    //判断传进来的是对象还是数组
    let isArray = Array.isArray(obj)
    let cloneObj = isArray ? [] : {};

    //通过for...in来拷贝
    for (let key in obj) {
        cloneObj[key] = isObject(obj[key]) ? this.deepClone(obj[key]) : obj[key]
    }

    return cloneObj
},

demo

// 对象
let obj1 = {
    name: '小小de',
    age: 24,
    job: {
        java: 5,
        PHP: 3
    }
}
let datas = this.$util.deepClone(obj1);
datas.nickName = '小不点';
console.log('返回结果：', datas); 
// {name: "小小de", age: 24, job: {java: 5, PHP: 3}, nickName: "小不点"}


// 数组
let obj2 = [
    { goodsName: '世界欠你一杯好茶', price: 1099 },
    { goodsName: '好吃的水果', price: 321 }
]

let datas = this.$util.deepClone(obj2);
datas.push({ goodsName: '水果拼盘', price: 99.5 });
console.log('返回结果：', datas); 
// [{goodsName: "世界欠你一杯好茶", price: 1099}, {goodsName: "好吃的水果", price: 321}, {goodsName: "水果拼盘", price: 99.5}]