JavaScript類屬性的訪問方式詳解
更新時間:2014年02月11日 10:15:07 作者:
這篇文章主要介紹了JavaScript類屬性的訪問方式,需要的朋友可以參考下
JavaScript類屬性的訪問方式
var fish = {
head : 1,
tail : 1,
feature : {
speak : false,
swim : true
}
}
其一,點操作符:
console.log(fish.head);//1
console.log(fish.tail);//1
console.log(fish.feature);//Object { head:1, tail:1, feature: Object}
其二,[]操作符:
console.log(fish['head']);//1
此時需要注意的一點是:屬性名必須是字符串形式
如:
console.log(fish[head]);//錯誤!
那么,如下代碼是否正確呢?
for(var prop in fish) {
console.log(fish[prop]);
}
答案是肯定的,這是因為遍歷對象屬性時是以字符串類型存在的,即prop依次為'head','tail','feature'.
復制代碼 代碼如下:
var fish = {
head : 1,
tail : 1,
feature : {
speak : false,
swim : true
}
}
其一,點操作符:
復制代碼 代碼如下:
console.log(fish.head);//1
console.log(fish.tail);//1
console.log(fish.feature);//Object { head:1, tail:1, feature: Object}
其二,[]操作符:
復制代碼 代碼如下:
console.log(fish['head']);//1
此時需要注意的一點是:屬性名必須是字符串形式
如:
復制代碼 代碼如下:
console.log(fish[head]);//錯誤!
那么,如下代碼是否正確呢?
復制代碼 代碼如下:
for(var prop in fish) {
console.log(fish[prop]);
}
答案是肯定的,這是因為遍歷對象屬性時是以字符串類型存在的,即prop依次為'head','tail','feature'.
相關文章
js 使用form表單select類實現(xiàn)級聯(lián)菜單效果
本文介紹javascript使用html中form表單中的select類實現(xiàn)級聯(lián)菜單效果,需要的朋友可以了解下2012-12-12
詳解JavaScript中setSeconds()方法的使用
這篇文章主要介紹了詳解JavaScript中setSeconds()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
javascript創(chuàng)建數(shù)組之聯(lián)合數(shù)組的使用方法示例
聯(lián)合數(shù)組也叫做鍵值數(shù)組,和php中的鍵值數(shù)組類似,下面看代碼如何演示2013-12-12

