首頁 > web前端 > js教程 > js中淺拷貝與深拷貝的簡單介紹以及實作方法

js中淺拷貝與深拷貝的簡單介紹以及實作方法

不言
發布: 2018-08-11 16:09:58
原創
1864 人瀏覽過

這篇文章帶給大家的內容是關於js中淺拷貝與深拷貝的簡單介紹以及實現方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

首要聲明:什麼資料型態才有拷貝一說?毋庸置疑,數組和物件[Array&Object]

淺拷貝:

* --- 拷貝資料的方法(影響原始資料就是淺拷貝)
* 1.直接複製給變數 //淺拷貝
*     2.Object.assign()  //物件淺拷貝
*     3.Array.prototype.concat()  //陣列淺拷貝
*     4. Array.prototype.slice()   //陣列淺拷貝

深拷貝:

方式一:

//无嵌套对象或者数组浅拷贝
function simpleDeepClone(target){
       return JSON.parse(JSON.stringify(target));
}
登入後複製

#方式二:

//嵌套对象或者数组深拷贝
//定义检测数据类型的函数
function checkType(target) {
    return Object.prototype.toString.call(target).slice(8, -1);
}

//实现深度拷贝
function clone(target) {
    //判断拷贝的数据类型
    let result, targetType = checkType(target);
    if (targetType === 'Object') {
        result = {};
    } else if (targetType === 'Array') {
        result = [];
    } else {
        return target;
    }
    //遍历目标数据
    for (let i in target) {
        //获取数据对象的每一个值
        let value = target[i];
        //判断目标结构里面是否存在对象/数组
        if (checkType(value) === 'Object' || checkType(value) === 'Array') {
            //继续遍历
            result[i] = clone(value);
        } else { //获取到的value值是基本的数据类型或者函数
            result[i] = value;
        }
    }
    return result;
}
登入後複製

 相關建議:

jQuery的$.extend淺拷貝與深拷貝實例解析

##js實作深淺拷貝方法

以上是js中淺拷貝與深拷貝的簡單介紹以及實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板