亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

javaScript中簡(jiǎn)單數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型賦值拷貝的理解

Julylovin / 3363人閱讀

摘要：原理中的數(shù)據(jù)類型分為兩類，簡(jiǎn)單數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型簡(jiǎn)單數(shù)據(jù)類型包括數(shù)值，字符串布爾值復(fù)雜數(shù)據(jù)類型對(duì)象即屬性的集合先了解數(shù)據(jù)類型在計(jì)算機(jī)中的存儲(chǔ)簡(jiǎn)單數(shù)據(jù)類型存儲(chǔ)的是對(duì)象的原始數(shù)據(jù)復(fù)雜數(shù)據(jù)類型對(duì)象的原型也是引用類型，對(duì)象類型的值多帶帶存放。

在js中將一個(gè)值a賦值給另一個(gè)值b，在什么情況下改變了b的值會(huì)影響a的值？在知道哪種類型賦值后改變值會(huì)影響原對(duì)象的情況下該怎么做才不會(huì)影響原對(duì)象？就是這里需要討論的問(wèn)題。

首先是哪種類型賦值后改變賦值后的值會(huì)影響到被賦值的值？

let a = 1;
let b = a;
b = 2;
console.log(a) // 1

let obj = {a: 1}
let obj2 = obj;
obj2.a = 2;
console.log(obj) // {a: 2}

從這里我們可以知道：簡(jiǎn)單數(shù)據(jù)類型的number賦值后就算改變賦值后的值也不會(huì)影響到其本身，但是對(duì)象復(fù)制后改變了賦值后的值就會(huì)影響到其本身。

原理：

javaScript中的數(shù)據(jù)類型分為兩類，簡(jiǎn)單數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型；
1.簡(jiǎn)單數(shù)據(jù)類型：包括數(shù)值，字符串、布爾值、null、undefined;
2.復(fù)雜數(shù)據(jù)類型：對(duì)象即屬性的集合（function、Array、Object）;

先了解數(shù)據(jù)類型在計(jì)算機(jī)中的存儲(chǔ)；
1.簡(jiǎn)單數(shù)據(jù)類型：存儲(chǔ)的是對(duì)象的原始數(shù)據(jù)；
2.復(fù)雜數(shù)據(jù)類型：對(duì)象的原型也是引用類型，對(duì)象類型的值多帶帶存放。對(duì)象原型的方法和屬性放在內(nèi)存中，通過(guò)原型鏈的方式來(lái)指向這個(gè)地址；所以對(duì)象類型存儲(chǔ)的是對(duì)象的引用地址；

對(duì)象類型在復(fù)制的時(shí)候，只是將對(duì)象的引用復(fù)制了，將a對(duì)象的引用地址值賦值給了b
所以在b改變對(duì)象屬性值的時(shí)候，a的引用也發(fā)生了改變，它們?cè)趦?nèi)存中獲取的都是同一個(gè)對(duì)象；

如果想要復(fù)制一個(gè)復(fù)雜數(shù)據(jù)類型卻不想影響原對(duì)象，此時(shí)就需要用到深拷貝/淺拷貝。

淺拷貝：
首先由一個(gè)數(shù)組[1,2,3]或?qū)ο髙name:"porco", age:1}，這樣的數(shù)組或?qū)ο笾械闹到y(tǒng)一不為[數(shù)組array]或[對(duì)象obj]的只有一層數(shù)據(jù)結(jié)構(gòu)的簡(jiǎn)單對(duì)象，被稱為淺拷貝對(duì)象，如果單純的賦值使用例如let a = [1,2,3],如果改變了a,那么原數(shù)組也會(huì)相應(yīng)的被改變，對(duì)象也是一樣。所以遇到這種情況，想要復(fù)制的對(duì)象的改變不想影響到原對(duì)象，就需要淺拷貝方法：如下

/**
* 淺拷貝對(duì)象：
**/

let obj = {a:1,b:2}
let obj2 = {};
/*方法1*/
for(let e in obj) {
    obj2[e] = obj[e]
}
/*方法2*/
Object.keys(obj).forEach(e => {
    obj2[e] = obj[e]
})
obj2.a = 0;
console.log(obj2) //{a:0, b:2}
console.log(obj) //{a:1, b:2}

/*這里還可以使用兩種es6淺拷貝方式*/
/*這是直接淺拷貝：*/
let obj2 = Object.assign({}, obj);

/*以及直接使用拓展運(yùn)算符拷貝*/
let obj2 = {...obj}

/*以上四種方式均可作為淺拷貝對(duì)象的方式*/

/***********************************/
 /**
 * 淺拷貝數(shù)組：
 **/
let arr = [1,2,3]
/*第一種淺拷貝數(shù)組方式*/
let arr2 = arr.slice(); 
/*第二種淺拷貝數(shù)組方式*/
let arr2 = arr.concat();
/*第三種淺拷貝數(shù)組方式*/
let arr2 = [];
arr.forEach(e => {
    arr2.push(e)
})
arr2.[0] = 0;
console.log(arr2) //[0,2,3]
console.log(arr) //[1,2,3]

深拷貝：
當(dāng)對(duì)象中的第一層級(jí)有一項(xiàng)是數(shù)組或?qū)ο?，淺拷貝失效，例如：let a = [{a:1}]或let a = {a:{aa:1}}，這樣，使用上面的方法都會(huì)失效。這時(shí)必須使用深拷貝
1、最簡(jiǎn)單的辦法

let BBB = JSON.parse(JSON.stringify(AAA))

這種方法簡(jiǎn)單適用于普通場(chǎng)景，但是也會(huì)拋棄對(duì)象的constructor，不管之前的構(gòu)造函數(shù)什么樣，深拷貝后都會(huì)變成object.這種方法能正確處理的對(duì)象只有 Number, String, Boolean, Array, 并且能用jso格式直接表示的數(shù)據(jù)結(jié)構(gòu)。

2、一個(gè)遞歸方法：

function deepClone(obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if(obj && typeof obj === "object") {
        for(let key in obj) {
            if(obj.hasOwnProperty(key)) {
                if(obj[key] && typeof obj[key] === "object") {
                    objClone[key] = deepClone(obj[key]);
                } else {
                    objClone[key] = obj[key];    
                }
             }
         } 
    }
    return objClone
}

以上就是討論了哪些值類型賦值不需要使用拷貝，哪些值類型賦值需要淺拷貝，哪些值類型賦值需要深拷貝

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/101662.html

相關(guān)文章

  • JavaScript之淺、深拷貝

    摘要：前言里面淺拷貝和深拷貝是非常關(guān)鍵的知識(shí)點(diǎn)，今天就來(lái)通過(guò)本文清楚的了解深淺拷貝以及該如何實(shí)現(xiàn)這兩種拷貝方式。對(duì)象的拷貝又分為淺拷貝和深拷貝。印證了上述所說(shuō)的對(duì)于所有的基本類型，簡(jiǎn)單的賦值已經(jīng)是實(shí)現(xiàn)了深拷貝。 前言 JavaScript里面淺拷貝和深拷貝是非常關(guān)鍵的知識(shí)點(diǎn)，今天就來(lái)通過(guò)本文清楚的了解深淺拷貝以及該如何實(shí)現(xiàn)這兩種拷貝方式。 深淺拷貝的區(qū)別 拷貝：其實(shí)就是一個(gè)對(duì)象復(fù)制給另外...

    leanxi 評(píng)論0 收藏0

  • 深入理解javascript按值傳遞與按引用傳遞

    摘要：引用類型參數(shù)的傳遞與引用類型的復(fù)制一樣，傳遞的是內(nèi)存地址。指向一個(gè)新的地址，與不再指向同一個(gè)地址官方解釋來(lái)一發(fā)中所有函數(shù)的參數(shù)都是按值傳遞的?？偨Y(jié)很簡(jiǎn)單，函數(shù)參數(shù)都是按值傳遞都是棧內(nèi)數(shù)據(jù)的拷貝。 基本類型與引用類型 值類型（基本類型）：String，Number，Boolean，Null，Undefined。 引用類型：Array、Object、Function、Date等有多個(gè)值...

    陳江龍 評(píng)論0 收藏0

  • 深入理解javascript按值傳遞與按引用傳遞

    摘要：引用類型參數(shù)的傳遞與引用類型的復(fù)制一樣，傳遞的是內(nèi)存地址。指向一個(gè)新的地址，與不再指向同一個(gè)地址官方解釋來(lái)一發(fā)中所有函數(shù)的參數(shù)都是按值傳遞的?？偨Y(jié)很簡(jiǎn)單，函數(shù)參數(shù)都是按值傳遞都是棧內(nèi)數(shù)據(jù)的拷貝。 基本類型與引用類型 值類型（基本類型）：String，Number，Boolean，Null，Undefined。 引用類型：Array、Object、Function、Date等有多個(gè)值...

    hedzr 評(píng)論0 收藏0

  • JavaScript系列--淺析JavaScript解析賦值、淺拷貝和深拷貝的區(qū)別

    摘要：它將返回目標(biāo)對(duì)象。有些文章說(shuō)是深拷貝，其實(shí)這是不正確的。深拷貝相比于淺拷貝速度較慢并且花銷較大?？截惽昂髢蓚€(gè)對(duì)象互不影響。使用深拷貝的場(chǎng)景完全改變變量之后對(duì)沒(méi)有任何影響，這就是深拷貝的魔力。 一、賦值（Copy） 賦值是將某一數(shù)值或?qū)ο筚x給某個(gè)變量的過(guò)程，分為： 1、基本數(shù)據(jù)類型：賦值，賦值之后兩個(gè)變量互不影響 2、引用數(shù)據(jù)類型：賦址，兩個(gè)變量具有相同的引用，指向同一個(gè)對(duì)象，相互之間有...

    laznrbfe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<