js物件屬性通過「 」和「 」訪問的區別

2021-10-23 19:15:37 字數 1700 閱讀 1826

(.) 方法: obj.attr 

()方法: obj[attr]

1、(.) 點操作符: 靜態的。右側必須是乙個以屬性名稱命名的簡單識別符號。屬性名用乙個識別符號來表示。識別符號必須直接出現再js程式中,它們不是資料型別,因此程式無法修改它們。

2、() 中括號操作符: 動態的。方括號裡必須是乙個計算結果為字串的表示式,屬性名通過字串表示。字串是js的資料型別,在程式執行時可以修改和建立它們。

可以用變數作為屬性名或訪問,而點方法不可以。

可以通過變數訪問,也可以通過字串訪問,但是需要加雙引號。

var obj = {};

obj.name = '張三';

var myname = 'name';

console.log(obj.myname);//undefined,訪問不到對應的屬性

console.log(obj[myname]);//張三

var person = ;

// 可以也可以通過字串訪問,但是需要加雙引號

console.log(person["name"]);//gogo

// .直接訪問字串

console.log(person.name); //gogo

中括號法--可以用數字作為屬性名,而點語法不可以;

var obj={};

obj[2]=2; //給obj物件新增了2 這個屬性 --> obj

console.log(obj[2]);//2

console.log(obj.2)//unexpected number

console.log(obj) //

可以動態訪問的屬性名,可以在程式執行時建立和修改屬性,點操作符就不行!( 即 --可以動態設定和獲取)

var customer={};

var addr=['北京','上海','廣州','深圳'];

for(i=0;i<4;i++)

console.log(addr); //[ '北京', '上海', '廣州', '深圳' ]

console.log(customer); //

var str = "";

for(i=0;i<4;i++)

console.log(str); //北京 上海 廣州 深圳

如果屬性名中包含會導致語法錯誤的字元,或者屬性名是關鍵字或者保留字,也可以使用方括號表示法。

如:(屬性名有空格,請使用方括號 )

var person = {};

person['first name'] ='ling'; //first name包含乙個空格

console.log(person['first name']);//ling

name)//書寫都通不過

person['for'] ='ling_for';

person.if ='ling_if';

console.log(person['for']);//ling_for

console.log(person.for);//ling_for

console.log(person['if']);//gogo_if

console.log(person.if);//ling_if

通過 和 訪問物件屬性的區別

可以訪問物件的屬性值,這也是最常用的方法 也可以 使用 號記法訪問標準的物件屬性,使用 方括號記法訪問由頁面定義的物件屬性 用樣例說明下 var obj alert obj.year var y year 用變數獲取 alert obj y 這個可以執行 myobject value i 這個不可以...

深入了解JS中通過 和 獲取物件屬性的區別

一般來說,運算子和可以相互替代,比如 1 let obj 45 console.log obj.name sena 6 console.log obj name sena 在這之上,我們需要了解關於他們的一些限制 運算子 右側必須是乙個屬性名稱命名的簡單識別符號 右側必須是乙個計算結果為字串的表示式...

js訪問xml之 各種物件的屬性和方法

b 節點物件屬性 b childnodes 返回節點到子節點的節點列表 firstchild 返回節點的首個子節點。lastchild 返回節點的最後乙個子節點。nextsibling 返回節點之後緊跟的同級節點。nodename 返回節點的名字,根據其型別。nodetype 返回節點的型別。nod...