在线不卡日本ⅴ一区v二区_精品一区二区中文字幕_天堂v在线视频_亚洲五月天婷婷中文网站

  • <menu id="lky3g"></menu>
  • <style id="lky3g"></style>
    <pre id="lky3g"><tt id="lky3g"></tt></pre>

    七爪源碼:深入的 JavaScript 對象

    作為一名 JavaScript 開發(fā)人員,您可能意識到我們無法在不處理對象的情況下構(gòu)建任何大型應用程序。

    在 JavaScript 中,一切都是對象。

    讓我們深入了解 JavaScript 對象。

    對象:JavaScript 中的對象只不過是一種非原始類型數(shù)據(jù)結(jié)構(gòu)。 我們可以使用花括號定義一個對象,并在其中放置用逗號分隔的鍵值對。

    例如:

    const user = { name:”Hemendra”, nickname:”Hemu”, email:”[email protected]”, city:”bhilwara”}

    對對象的 CRUD 操作

    創(chuàng)造

    let student = {}; // an empty arraystudent.name = “Hemendra Khatik”; //important -> student[“name”]=”Hemendra Khatik” is also validstudent.branch = “CSE”;student.age = 25;console.log(student); // will print the below structure/*{ name:”Hemendra Khatik”, branch:”CSE”, age:25}*/

    或一次所有鍵值

    let user = { name:”Hemendra”, nickname:”Hemu”, email:”[email protected]”, city:”bhilwara”}

    我們用 。 運算符來訪問對象的值。

    user.name; // to access the “Hemendra”.user.city; // to access the “bhilwara”.user.username; // will be undefined because it is not present in the user object.

    我們還可以使用方括號訪問對象的屬性

    user[“name”]; // to access the “Hemendra”.user[“city”]; // to access the “bhilwara”.

    更新

    更新一個對象。

    student.age = 21; // now age is changed from 25 to 21

    刪除

    從對象中刪除鍵。

    delete student.name; // to delete the name key from student object

    其他有用的方法

    僅從對象打印鍵。

    const user = { username:”aamchora”, email:”[email protected]”,};Object.keys(user);/* Above expression returns an array containing keys only from an object [“username”, “email”]*/

    僅從對象打印值。

    const user = { username:”aamchora”, email:”[email protected]”,};Object.values(user);/* Above expression returns an array containing values only from an object [“aamchora”, “[email protected]”]*/

    克隆對象

    您不能像復制原始類型數(shù)據(jù)結(jié)構(gòu)一樣復制非原始類型數(shù)據(jù)結(jié)構(gòu)。

    例如:非原始類型數(shù)據(jù)結(jié)構(gòu)。

    let a = 10;let b = a;b= b + 1;console.log(a) // 10console.log(b) // 11

    例如:原始類型數(shù)據(jù)結(jié)構(gòu)。

    let obj = { a:10;};let obj2 = obj;obj2.a = 12;if(obj === obj2){ console.log(“obj and obj2 are same”);};// above condition will be true console.log(obj) // {a:12}console.log(obj2) // {a:12}

    我們可以使用 Object.assign(targetObject, sourceObject) 來克隆一個對象。

    const obj = { a: 1 };const obj2 = Object.assign({}, obj);obj2.a = 2;if(obj === obj2){ console.log(“obj and obj2 are same”);}else{ console.log(“obj and obj2 are different”);};// above condition will be false here console.log(obj); // { a: 1 }console.log(obj2); // { a: 2 }

    淺拷貝

    對象的淺拷貝是一種拷貝,其屬性與創(chuàng)建拷貝的源對象共享相同的引用(指向相同的底層值)。

    注意:對于淺拷貝,我們使用 Object.assign(targetObject, sourceObject)。

    看下面的例子來理解淺拷貝。

    const obj = { a:1}const obj2 = { b:2, c:obj // here c’s value is a reference to the other object called obj}const copy = Object.assign({},obj2); // here obj2 is a source object // changing the copied object’s value copy.c.a = 1111;if(copy.c.a === obj.a){ console.log(“obj and obj2 are same”);}// above condition will be true

    深拷貝

    對象的深層副本是一個副本,其屬性不共享與創(chuàng)建副本的源對象相同的引用(指向相同的基礎值)。

    注意:對于深拷貝,我們使用 JSON.parse(JSON.stringify(sourceObject))。

    看下面的例子來理解深拷貝。

    const obj = { a:1}const obj2 = { b:2, c:obj // here c’s value is a reference to the other object called obj}const copy = JSON.parse(JSON.stringify(obj2)) // here obj2 is a source object // changing the copied object’s value copy.c.a = 1111;if(copy.c.a === obj.a){ console.log(“obj and obj2 are same”);}else{ console.log(“obj and obj2 are not same”);}// above condition will be false

    關(guān)注我以獲取更多此類博客文章。

    關(guān)注七爪網(wǎng),獲取更多APP/小程序/網(wǎng)站源碼資源!

    鄭重聲明:本文內(nèi)容及圖片均整理自互聯(lián)網(wǎng),不代表本站立場,版權(quán)歸原作者所有,如有侵權(quán)請聯(lián)系管理員(admin#wlmqw.com)刪除。
    用戶投稿
    上一篇 2022年6月26日 21:24
    下一篇 2022年6月26日 21:24

    相關(guān)推薦

    • 《寶可夢朱紫》獒教父屬性是什么?獒教父屬性一覽

      寶可夢朱紫里獒教父是一只很強的寶可夢,很多玩家不清楚獒教父的屬性是什么樣的,下面就給大家?guī)韺毧蓧糁熳祥峤谈笇傩砸挥[,感興趣的小伙伴一起來看看吧,希望能幫助到大家。 獒教父屬性一覽…

      2022年11月25日
    • 《寶可夢朱紫》太晶化強力寶可夢推薦 太晶化哪些寶可夢最強?

      寶可夢朱紫游戲中寶可夢種類繁多,不過有的寶可夢比較強,有的稍弱一些,那么太晶化化哪些寶可夢最強呢,為了便于大家更好的體驗游戲,這里給大家?guī)砹藢毧蓧糁熳咸Щ瘡娏毧蓧敉扑],一起來…

      2022年11月25日
    • 寶可夢朱紫四大天王屬性怎么樣 四大天王屬性數(shù)值介紹

      寶可夢朱紫四大天王屬性如何?四大天王的屬性數(shù)值玩家們還是挺好奇的,想要了解四大天王屬性的可以看看下面小編的介紹,小編會把四大天王的屬性數(shù)值全都分享在下面,各位趕緊來小編這里多了解一…

      2022年11月25日
    • 寶可夢朱紫皮卡丘多少級進化 皮卡丘進化條件攻略

      寶可夢朱紫皮卡丘進化條件是什么?皮卡丘怎么進化?作為最受歡迎的電屬性寶可夢,大家都很想知道皮卡丘進化的方法,今天小編這就在下面的攻略中分享皮卡丘進化條件,各位可以趕緊來小編這里了解…

      2022年11月25日
    • 《寶可夢朱紫》四天王屬性是什么?四天王屬性陣容一覽

      寶可夢朱紫中玩家可以挑戰(zhàn)四天王,很多玩家想知道寶可夢朱紫四天王屬性是什么,有什么陣容?下面就帶來寶可夢朱紫四天王屬性陣容一覽,感興趣的小伙伴不要錯過,希望能幫助到大家。 四天王屬性…

      2022年11月24日
    • 寶可夢朱紫皮卡丘怎么進化?寶可夢朱紫皮卡丘進化條件攻略

      寶可夢朱紫皮卡丘進化條件是什么?皮卡丘怎么進化?作為最受歡迎的電屬性寶可夢,大家都很想知道皮卡丘進化的方法,今天小編這就在下面的攻略中分享皮卡丘進化條件,各位可以趕緊來小編這里了解…

      2022年11月24日
    • 跳跳犬(跳跳犬陰陽師哪里多)

      本文主要講的是跳跳犬,以及和跳跳犬陰陽師哪里多相關(guān)的知識,如果覺得本文對您有所幫助,不要忘了將本文分享給朋友。 陰陽師跳跳犬哪里多跳跳犬出現(xiàn)地點詳解 在陰陽師手游懸賞封印任務中,玩…

      2022年11月24日
    • 《寶可夢朱紫》古劍豹種族值多少?古劍豹屬性一覽

      寶可夢朱紫中每種寶可夢的種族值都是不一樣的,其中很多玩家想知道寶可夢朱紫古劍豹種族值多少,下面就帶來寶可夢朱紫古劍豹屬性一覽,感興趣的小伙伴一起來看看吧,希望能幫助到大家。 古劍豹…

      2022年11月21日
    • 《寶可夢朱紫》摩托蜥怎么進化?摩托蜥進化方法說明

      寶可夢朱紫中摩托蜥是這作新加入的寶可夢,很多玩家想知道寶可夢朱紫摩托蜥怎么進化,下面就帶來寶可夢朱紫摩托蜥進化方法說明,感興趣的小伙伴一起來看看吧,希望能幫助到大家。 摩托蜥進化方…

      2022年11月21日
    • 魔獸世界外域副本介紹(魔獸世界外域地圖)

      第一次開始玩魔獸世界的小伙伴在進入游戲后,會驚嘆于游戲地圖的巨大,現(xiàn)在魔獸世界開了9.0后,地圖總共有多大呢,讓我們來研究一下。 魔獸世界每一次大版本更新都會更新一塊地圖,現(xiàn)地圖總…

      2022年11月19日

    聯(lián)系我們

    聯(lián)系郵箱:admin#wlmqw.com
    工作時間:周一至周五,10:30-18:30,節(jié)假日休息