js 物件使用點和中括號存取屬性區別是什麼

大家知道javascript中的物件屬性常見儲存方式有兩種，看如下程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
var obj={
  webName:"螞蟻部落",
  url:"softwhy.com"
};
console.log(obj.webName);
console.log(obj["url"]);

上面的程式碼演示了兩種獲取物件屬性的方式，下面就介紹一下它們兩者的區別。

（1）.使用點方式:

點後面跟隨的是一個識別符號,他不是一種資料型別，所以程式無法對其進行操作。

（2）.使用中括號方式:

中括號裡面的是一個字串，所以程式可以對其進行操作。

[JavaScript] 純文字檢視 複製程式碼
var obj={
  a0:"0",
  a1:"1",
  a2:"2"
}
for(var index=0;index<3;index++){
  console.log(obj["a"+index]);
}

上面的程式碼演示了，可以對中括號的內容進行程式操作。

一些使用點無法使用的屬性，使用中括號方式就可以，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var obj={
  0:"0",
  1:"1",
  2:"2"
}
console.log(obj["1"]);
//console.log(obj.2)會報錯