JavaScript-創建、取用物件中的屬性

1
2
3
4
5
6
7
8
var person = new Object();

person['firstName']='Tony';
person['lastName']='Alicea';

var firstNameProperty = 'firstName';

console.log(person);

上述結果會印出person物件,如下圖所示

若要取出物件中特定屬性的值,可以使用”[]”運算子

1
console.log(person[firstNameProperty])//Tony

簡化程式碼的寫法,可以使用”.”運算子,會自動理解”.”後述的為屬性名稱,並將該屬性名稱傳入物件中做參照查找,取出它的值。

1
console.log(person.firstName);//Tony

也可以用”.”去設定值。
下述程式碼,會先去address中查找country、city屬性,若找不到則會自動建立這個屬性,並且賦值給它。

1
2
3
person.address = new Object();
persone.address.country = 'Taiwan'
persone.address.city = 'Taipei'

若要取值,可以用”.”也可以用”[]”去取出屬性的值,兩種寫法做的事情都一樣。

1
2
3
4
console.log(person.address.country);//Taiwan
console.log(person.address.city);//Taipei
console.log(person['address']['country'];//Taiwan
console.log(person['address']['city'];//Taipei

© 2020 Leah's Blog All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero