拷貝

eccozhou 發布于2019-08-22 11:15 / 1032人閱讀

摘要：取當前數值的反碼表示再次取反，也就是得到當前自身說明，中的位運算會將數值自動轉換為整數二轉換成再轉換成對象實現對象的深拷貝三擴展運算符實現對象的深拷貝數組去重

數組的深拷貝:

一.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))

GPU云服務器云服務器后拷貝預拷貝深拷貝和淺拷貝淺拷貝深度拷貝

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/92051.html

一篇文章徹底說清JS的深拷貝/淺拷貝

摘要：一篇文章徹底說清的深拷貝淺拷貝這篇文章的受眾第一類業務需要急需知道如何深拷貝對象的開發者。這篇文章分享的目的更多還是希望用一篇文章整理清楚深淺拷貝的含義遞歸實現思路以及小伙伴們如果使用了這種黑科技一定要清楚這樣寫的優缺點。一篇文章徹底說清JS的深拷貝and淺拷貝這篇文章的受眾第一類,業務需要,急需知道如何深拷貝JS對象的開發者。第二類,希望扎實JS基礎,將來好去面試官前秀操作...

J4ck_Chan 2019-08-01 18:22 評論0 收藏0
一篇文章徹底說清JS的深拷貝/淺拷貝

摘要：一篇文章徹底說清的深拷貝淺拷貝這篇文章的受眾第一類業務需要急需知道如何深拷貝對象的開發者。這篇文章分享的目的更多還是希望用一篇文章整理清楚深淺拷貝的含義遞歸實現思路以及小伙伴們如果使用了這種黑科技一定要清楚這樣寫的優缺點。一篇文章徹底說清JS的深拷貝and淺拷貝這篇文章的受眾第一類,業務需要,急需知道如何深拷貝JS對象的開發者。第二類,希望扎實JS基礎,將來好去面試官前秀操作...

lakeside 2019-08-22 13:48 評論0 收藏0
一篇文章徹底說清JS的深拷貝/淺拷貝

摘要：一篇文章徹底說清的深拷貝淺拷貝這篇文章的受眾第一類業務需要急需知道如何深拷貝對象的開發者。這篇文章分享的目的更多還是希望用一篇文章整理清楚深淺拷貝的含義遞歸實現思路以及小伙伴們如果使用了這種黑科技一定要清楚這樣寫的優缺點。一篇文章徹底說清JS的深拷貝and淺拷貝這篇文章的受眾第一類,業務需要,急需知道如何深拷貝JS對象的開發者。第二類,希望扎實JS基礎,將來好去面試官前秀操作...

big_cat 2019-08-29 14:12 評論0 收藏0
Java深拷貝和淺拷貝

摘要：中有三種類型的對象拷貝淺拷貝深拷貝延遲拷貝。深拷貝相比于淺拷貝速度較慢并且花銷較大。意思是如果對象引用任何時候都不會被改變，那么沒必要使用深拷貝，只需要使用淺拷貝就行了。目錄介紹 01.對象拷貝有哪些 02.理解淺拷貝 2.1 什么是淺拷貝 2.2 實現淺拷貝案例 03.理解深拷貝 3.1 什么是深拷貝 3.2 實現深拷貝案例 04.序列化進行拷貝 4.1 序列...

wangshijun 2019-08-16 16:07 評論0 收藏0
JS專題之深淺拷貝

摘要：在之前的文章專題之數據類型和類型檢測中我有講過，中的數據類型分為兩種，基本數據類型和引用數據類型，基本數據類型是保存在棧的數據結構中的是按值訪問，所以不存在深淺拷貝問題。前言在開發過程中，偶爾會遇到這種場景，拿到一個數據后，你打算對它進行處理，但是你又希望拷貝一份副本出來，方便數據對比和以后恢復數據。那么這就涉及到了 JS 中對數據的深淺拷貝問題，所謂深淺拷貝，淺拷貝的意思就是，...

ASCH 2019-08-23 15:07 評論0 收藏0
淺拷貝與深拷貝的區別

摘要：淺拷貝與深拷貝一數據類型數據分為基本數據類型，和對象數據類型。淺拷貝是按位拷貝對象，它會創建一個新對象，這個對象有著原始對象屬性值的一份精確拷貝。對于字符串數字及布爾值來說不是或者對象，會拷貝這些值到新的數組里。淺拷貝與深拷貝一、數據類型數據分為基本數據類型(String, Number, Boolean, Null, Undefined，Symbol)和對象數據類型。基本數據類...

jsyzchen 2019-08-02 16:13 評論0 收藏0