JS對(duì)象基本用法

一吱窝、聲明對(duì)象的兩種方法(對(duì)象:無序的數(shù)據(jù)集合&鍵值對(duì)的集合)

·簡(jiǎn)易聲明:let obj = { 'name' : '李雷' , 'age': '12' }? ??

·正規(guī)聲明:let obj = new Object ( { 'name' : '韓梅梅' } )

·注意細(xì)節(jié):

1.鍵名是字符串,不是標(biāo)識(shí)符入客,可包含任意字符自阱;

2.引號(hào)可省略窖式,省略之后就只能寫標(biāo)識(shí)符;

3.即使引號(hào)省略动壤,鍵名也還是字符串(重要)。

二淮逻、如何刪除對(duì)象的屬性

刪除方法:delete obj.xxx 或 delete obj['xxx']

注意細(xì)節(jié):

1.不含屬性名

'xxx' in obj === false

2.含有屬性名琼懊,但是值為undefined

'xxx' in obj && obj.xxx===undefined

3.注意 obj.xxx === undefined 不能斷定 'xxx'是否為obj的屬性

三、如何查看對(duì)象的屬性

·查看對(duì)象自身所有屬性 : Object.keys(obj)

·查看自身+共有屬性:console.dir(obj) 或依次用Object.keys打印出 obj.__proto__

·判斷一個(gè)屬性是自身的還是共有的:obj.hasOwnProperty('toString')

·中括號(hào)語(yǔ)法: obj['key']

·點(diǎn)語(yǔ)法:obj.key

優(yōu)先使用中括號(hào)語(yǔ)法

四爬早、如何修改或增加對(duì)象的屬性

·直接賦值: let obj = { name: ‘李雷’ }? ? ? ?obj.name = '李雷'? ? obj['name'] = '李雷'

·批量賦值:Object.assign(obj,{age: 18,gender:male})

·無法通過自身修改或增加共有屬性哼丈,只會(huì)改自身屬性,不影響原型的屬性筛严。

·obj.__proto__.toString='xxx' //不推薦用__proto__

·Object.prototypee.toString='xxx' 通常不要修改原型醉旦,會(huì)引起很多問題。

·推薦使用Object.create 修改隱藏屬性

let common = {kind:'human'}

let obj = Object.create(common)

obj.name='李雷'

let obj2 = Object.create(common)

obj2.name='韓梅梅'

規(guī)范大概的意思是桨啃,要改就一開始就改车胡,別后來再改

五、'name' in obj 和obj.hasOwnProperty('name')的區(qū)別

1.在某個(gè)對(duì)象是否擁有某個(gè)屬性照瘾,判斷的方法有很多匈棘,常用的方法就是object.hasOwnProperty('×××'),這個(gè)方法是不包括對(duì)象原型鏈上的方法的析命,舉個(gè)例子:

let obj = {name:'lei'}

console.log(obj.hasOwnProperty('name'))? ?//true

console.log(obj.hasOwnProperty('toString'))? //false

在這個(gè)例子中主卫,obj對(duì)象存在的name屬性的時(shí)候逃默,調(diào)用這個(gè)方法才是返回true,我們知道其實(shí)每個(gè)對(duì)象實(shí)例的原型鏈上存在toString方法簇搅,在這里打印false完域,說明這個(gè)方法只是表明實(shí)例對(duì)象的屬性,不包括原型鏈上的屬性瘩将。

2.下面我們?cè)賮砜纯磇n的使用吟税,例子如下:

let obj2 = { name:'mei'}

console.log('toString'?in?obj2)? ?//true

我們可以看到,其實(shí)在這個(gè)例子中鸟蟹,我只是給了對(duì)象一個(gè)屬性name乌妙,并沒有其他的屬性,然后我執(zhí)行'tiString' in obj建钥,可以看出控制動(dòng)態(tài)打印出來的是true藤韵,原因就是對(duì)象的原型鏈上存在toString方法,所以in操作不管是不是原型鏈上熊经,只要存在這個(gè)屬性泽艘,返回的就是true。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末镐依,一起剝皮案震驚了整個(gè)濱河市匹涮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌槐壳,老刑警劉巖然低,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異务唐,居然都是意外死亡雳攘,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門枫笛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吨灭,“玉大人,你說我怎么就攤上這事刑巧⌒郑” “怎么了?”我有些...
    開封第一講書人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵啊楚,是天一觀的道長(zhǎng)吠冤。 經(jīng)常有香客問我,道長(zhǎng)特幔,這世上最難降的妖魔是什么咨演? 我笑而不...
    開封第一講書人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮蚯斯,結(jié)果婚禮上薄风,老公的妹妹穿的比我還像新娘饵较。我一直安慰自己,他們只是感情好遭赂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開白布循诉。 她就那樣靜靜地躺著,像睡著了一般撇他。 火紅的嫁衣襯著肌膚如雪茄猫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,590評(píng)論 1 305
  • 那天困肩,我揣著相機(jī)與錄音划纽,去河邊找鬼。 笑死锌畸,一個(gè)胖子當(dāng)著我的面吹牛勇劣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播潭枣,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼比默,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了盆犁?” 一聲冷哼從身側(cè)響起命咐,我...
    開封第一講書人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谐岁,沒想到半個(gè)月后醋奠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡伊佃,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年钝域,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锭魔。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖路呜,靈堂內(nèi)的尸體忽然破棺而出迷捧,到底是詐尸還是另有隱情,我是刑警寧澤胀葱,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布漠秋,位于F島的核電站,受9級(jí)特大地震影響抵屿,放射性物質(zhì)發(fā)生泄漏庆锦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一轧葛、第九天 我趴在偏房一處隱蔽的房頂上張望搂抒。 院中可真熱鬧艇搀,春花似錦、人聲如沸求晶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)芳杏。三九已至矩屁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間爵赵,已是汗流浹背吝秕。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留空幻,地道東北人烁峭。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像氛悬,于是被迫代替她去往敵國(guó)和親则剃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 6種基本數(shù)據(jù)類型 null undefined string number boolean symobl 5種fa...
    WlSE閱讀 280評(píng)論 0 0
  • 定義 無序的 鍵(key)值(value)對(duì)組合 聲明對(duì)象的方式 中括號(hào)語(yǔ)法:obj['key']----推薦點(diǎn)語(yǔ)...
    張德瘦嬢嬢閱讀 209評(píng)論 0 0
  • 一如捅、聲明對(duì)象的兩種語(yǔ)法 let obj = { 'name' : 'frank' , 'age' : 18} le...
    浪味仙兒啊閱讀 395評(píng)論 0 2
  • 1.聲明對(duì)象的兩種語(yǔ)法 ES6新增了兩種聲明對(duì)象的方法棍现,分別是let和const。 2.如何刪除對(duì)象的屬性 del...
    Sharpe閱讀 147評(píng)論 0 0
  • 1.聲明對(duì)象 定義:無序的數(shù)據(jù)集合镜遣、鍵值對(duì)的集合 寫法 屬性名:每個(gè)key都是對(duì)象的屬性名(property) 屬...
    fanison閱讀 145評(píng)論 0 0