javascript對(duì)象的使用和屬性操作示例詳解
JavaScript 中所有變量都是對(duì)象,除了兩個(gè)例外 null 和 undefined。
false.toString(); // 'false'
[1, 2, 3].toString(); // '1,2,3'
function Foo(){}
Foo.bar = 1;
Foo.bar; // 1
一個(gè)常見(jiàn)的誤解是數(shù)字的字面值(literal)不是對(duì)象。這是因?yàn)?JavaScript 解析器的一個(gè)錯(cuò)誤, 它試圖將點(diǎn)操作符解析為浮點(diǎn)數(shù)字面值的一部分。
2.toString(); // 出錯(cuò):SyntaxError
有很多變通方法可以讓數(shù)字的字面值看起來(lái)像對(duì)象。
2..toString(); // 第二個(gè)點(diǎn)號(hào)可以正常解析
2 .toString(); // 注意點(diǎn)號(hào)前面的空格
(2).toString(); // 2先被計(jì)算
對(duì)象作為數(shù)據(jù)類(lèi)型
JavaScript 的對(duì)象可以作為哈希表使用,主要用來(lái)保存命名的鍵與值的對(duì)應(yīng)關(guān)系。
使用對(duì)象的字面語(yǔ)法 - {} - 可以創(chuàng)建一個(gè)簡(jiǎn)單對(duì)象。這個(gè)新創(chuàng)建的對(duì)象從Object.prototype 繼承下面,沒(méi)有任何自定義屬性。
var foo = {}; // 一個(gè)空對(duì)象
// 一個(gè)新對(duì)象,擁有一個(gè)值為12的自定義屬性'test'
var bar = {test: 12};
訪問(wèn)屬性
有兩種方式來(lái)訪問(wèn)對(duì)象的屬性,點(diǎn)操作符或者中括號(hào)操作符。
var foo = {name: 'kitten'}
foo.name; // kitten
foo['name']; // kitten
var get = 'name';
foo[get]; // kitten
foo.1234; // SyntaxError
foo['1234']; // works
兩種語(yǔ)法是等價(jià)的,但是中括號(hào)操作符在下面兩種情況下依然有效 - 動(dòng)態(tài)設(shè)置屬性 - 屬性名不是一個(gè)有效的變量名(譯者注:比如屬性名中包含空格,或者屬性名是 JS 的關(guān)鍵詞)
譯者注:在 JSLint 語(yǔ)法檢測(cè)工具中,點(diǎn)操作符是推薦做法。
刪除屬性
刪除屬性的唯一方法是使用 delete 操作符;設(shè)置屬性為 undefined 或者null 并不能真正的刪除屬性, 而僅僅是移除了屬性和值的關(guān)聯(lián)。
14
var obj = {
bar: 1,
foo: 2,
baz: 3
};
obj.bar = undefined;
obj.foo = null;
delete obj.baz;
for(var i in obj) {
if (obj.hasOwnProperty(i)) {
console.log(i, '' + obj[i]);
}
}
上面的輸出結(jié)果有 bar undefined 和 foo null - 只有 baz 被真正的刪除了,所以從輸出結(jié)果中消失。
屬性名的語(yǔ)法
var test = {
'case': 'I am a keyword so I must be notated as a string',
delete: 'I am a keyword too so me' // 出錯(cuò):SyntaxError
};
對(duì)象的屬性名可以使用字符串或者普通字符聲明。但是由于 JavaScript 解析器的另一個(gè)錯(cuò)誤設(shè)計(jì), 上面的第二種聲明方式在 ECMAScript 5 之前會(huì)拋出SyntaxError 的錯(cuò)誤。
這個(gè)錯(cuò)誤的原因是 delete 是 JavaScript 語(yǔ)言的一個(gè)關(guān)鍵詞;因此為了在更低版本的 JavaScript 引擎下也能正常運(yùn)行, 必須使用字符串字面值聲明方式。
- JavaScript對(duì)象屬性操作實(shí)例解析
- 基于js對(duì)象,操作屬性、方法詳解
- JS Attribute屬性操作詳解
- JavaScript對(duì)象屬性檢查、增加、刪除、訪問(wèn)操作實(shí)例
- js操作css屬性實(shí)現(xiàn)div層展開(kāi)關(guān)閉效果的方法
- JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法
- JS操作HTML自定義屬性的方法
- javascript數(shù)組操作總結(jié)和屬性、方法介紹
- JS批量操作CSS屬性詳細(xì)解析
- 如何通過(guò)javascript操作web控件的自定義屬性
- JavaScript屬性操作
相關(guān)文章
張孝祥JavaScript學(xué)習(xí)階段性總結(jié)(2)--(X)HTML學(xué)習(xí)
張孝祥JavaScript學(xué)習(xí)階段性總結(jié)(2)--(X)HTML學(xué)習(xí)...2007-02-02Uglifyjs(JS代碼優(yōu)化工具)入門(mén) 安裝使用
Uglify JS 是一個(gè)服務(wù)端node.js的壓縮程序。需要的朋友可以測(cè)試下2012-03-03JavaScript 學(xué)習(xí)筆記之語(yǔ)句
這篇文章主要介紹了JavaScript中的語(yǔ)句,包括條件分支語(yǔ)句、循環(huán)語(yǔ)句、迭代語(yǔ)句、Lable語(yǔ)句、break和continue語(yǔ)句、with語(yǔ)句、swith語(yǔ)句,十分全面細(xì)致,推薦給小伙伴們。2015-01-01javascript實(shí)現(xiàn)Java中的Map對(duì)象功能的實(shí)例詳解
這篇文章主要介紹了javascript 自定義對(duì)象實(shí)現(xiàn)Java中的Map對(duì)象功能的相關(guān)資料,這里實(shí)現(xiàn)這樣的功能,幫助大家理解這部分內(nèi)容,需要的朋友可以參考下2017-08-08javascript 基礎(chǔ)篇2 數(shù)據(jù)類(lèi)型,語(yǔ)句,函數(shù)
文章里如果有錯(cuò)誤的話,希望能幫忙指正~我也是邊看視頻邊學(xué)習(xí)中,這個(gè)算是個(gè)筆記吧~自認(rèn)為總結(jié)出來(lái)的東西比看視頻要節(jié)省點(diǎn)時(shí)間~能幫到別人最好了~幫不到也起碼恩能幫到我自己2012-03-03詳解JavaScript中的客戶端消息框架設(shè)計(jì)原理
這篇文章主要介紹了詳解JavaScript中的客戶端消息框架設(shè)計(jì)原理,包括客戶端和服務(wù)器端的通信等方面的內(nèi)容,需要的朋友可以參考下2015-06-06JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記5 js語(yǔ)句
下面采用類(lèi)似的形式整理一下語(yǔ)句的相關(guān)知識(shí),重點(diǎn)突出一些ECMAScript中比較特別和個(gè)人認(rèn)為比較有意思的地方,同樣,沒(méi)有強(qiáng)調(diào)的但比較基礎(chǔ)的語(yǔ)句并非不重要,而是我認(rèn)為你已經(jīng)熟悉2012-10-10javascript小數(shù)四舍五入多種方法實(shí)現(xiàn)
javascript小數(shù)四舍五入在工作中經(jīng)常會(huì)使用到,今天本文整理了一些常用的小竅門(mén),需要了解的朋友可以參考下2012-12-12IE網(wǎng)頁(yè)js語(yǔ)法錯(cuò)誤2行字符1、FF中正常的解決方法
使用模態(tài)窗體則會(huì)先彈出此錯(cuò)誤然后再顯示新打開(kāi)的界面,經(jīng)搜索找到不錯(cuò)的解決方法,有類(lèi)似問(wèn)題的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09