創(chuàng)建 JavaScript 對(duì)象

• JavaScript對(duì)象
• • 1.創(chuàng)建
  • 2.訪問(wèn)對(duì)象屬性
  • 3.通過(guò)變量訪問(wèn)對(duì)象屬性
  • 4.添加/刪除對(duì)象的屬性
  • 5.測(cè)試對(duì)象的屬性
• 復(fù)雜對(duì)象
• • • 1.嵌套對(duì)象
    • 2.嵌套數(shù)組

JavaScript對(duì)象

1.創(chuàng)建

var myDog = { // 只修改這一行下面的代碼 "name":"汪汪",//字符串屬性 legs:4,//數(shù)字 tails:1, friends:["喵喵","哞哞","咩咩"]//數(shù)組 // 只修改這一行上面的代碼 };

2.訪問(wèn)對(duì)象屬性

和訪問(wèn)數(shù)組類似，訪問(wèn)對(duì)象屬性有兩種方式：點(diǎn)號(hào)表示法（.）和方括號(hào)表示法（[]）。
(1)使用點(diǎn)號(hào)訪問(wèn)

var testObj = {"hat": "ballcap","shirt": "jersey","shoes": "cleats" }; var hatValue = testObj.hat; var shirtValue = testObj.shirt;

(2)使用方括號(hào)訪問(wèn)
如果你想訪問(wèn)的屬性名中包含空格，就必須使用方括號(hào)表示法來(lái)獲取它的屬性值。當(dāng)然，如果屬性名不包含空格，也可以使用方括號(hào)表示法。

var testObj = {"an entree": "hamburger","my side": "veggies","the drink": "water" }; var entreeValue = testObj["an entree"]; var drinkValue = testObj["the drink"];

3.通過(guò)變量訪問(wèn)對(duì)象屬性

var testObj = {12: "Namath",16: "Montana",19: "Unitas" }; var playerNumber=16; var player = testObj[playerNumber];

4.添加/刪除對(duì)象的屬性

（1）添加屬性

var myDog = {"name": "Happy Coder","legs": 4,"tails": 1,"friends": ["freeCodeCamp Campers"] }; myDog.bark="woof";

(2)刪除屬性

var myDog = {"name": "Happy Coder","legs": 4,"tails": 1,"friends": ["freeCodeCamp Campers"],"bark": "woof" }; delete myDog.tails;

5.測(cè)試對(duì)象的屬性

.hasOwnProperty() 找到該屬性時(shí)返回 true，找不到該屬性時(shí)返回 false。

function checkObj(obj, checkProp) {if(obj.hasOwnProperty(checkProp)){return obj[checkProp];}//有這個(gè)屬性返回這個(gè)屬性的值else {return "Not Found";}//沒(méi)有這個(gè)屬性，返回Not Found }

復(fù)雜對(duì)象

JavaScript 對(duì)象是一種靈活的數(shù)據(jù)結(jié)構(gòu)。它可以儲(chǔ)存字符串（strings）、數(shù)字（numbers）、布爾值（booleans）、數(shù)組（arrays）、函數(shù)（functions）和對(duì)象（objects）以及這些值的任意組合。
數(shù)組中有多個(gè) JSON 對(duì)象的時(shí)候，對(duì)象與對(duì)象之間要用逗號(hào)隔開(kāi)。

var ourMusic = [{"artist": "Daft Punk","title": "Homework","release_year": 1997,//formats 數(shù)組"formats": [ "CD", "Cassette", "LP"],"gold": true}//大括號(hào)為一個(gè)對(duì)象，可以用一個(gè)逗號(hào)隔開(kāi)另一個(gè)對(duì)象 ];

1.嵌套對(duì)象

連續(xù)使用點(diǎn)號(hào)表示法和方括號(hào)表示法來(lái)訪問(wèn)對(duì)象的嵌套屬性。

var ourStorage = {"desk": {"drawer": "stapler"},"cabinet": {"top drawer": { "folder1": "a file","folder2": "secrets"},"bottom drawer": "soda"} }; ourStorage.cabinet["top drawer"].folder2; ourStorage.desk.drawer;

2.嵌套數(shù)組

var ourPets = [{animalType: "cat",names: ["Meowzer","Fluffy","Kit-Cat"]},{animalType: "dog",names: ["Spot","Bowser","Frankie"]} ]; ourPets[0].names[1];//字符串 Fluffy ourPets[1].names[0];//字符串 Spot

謝謝你的堅(jiān)持閱讀ovo喲，讓我們一起加油吖

總結(jié)

以上是生活随笔為你收集整理的基础JavaScript_Day04的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。