JS 對象基本用法

一、聲明對象的兩種語法

let obj = {'name': 'ying', 'age':18}(更簡單)
let obj = new Object ({'name':'ying'})(更規范)
  • 注意:
    屬性名:每個key都是對象的屬性名
    屬性值:每個value都是對象的屬性值

key是字符串,不是標識符,key中可以包含任意字符
key的引號可以省略,省略之后只能寫標識符,但即便省略引號,key也依舊是字符串。
所有屬性名都會自動變成字符串

let per = 'name'
let obj1 = {per:'bubu_sourire'} //此處屬性名是 "per"
let obj2 = {[per]:'bubu_sourire'} //此處屬性名是 "name"
 `Object.keys(obj)'`可以得到obj的所有key

二、如何刪除對象的屬性

刪除obj的xxx屬性

delete obj.xxx
delete obj.['xxx']

不含屬性名

'xxx' in obj === false

含有屬性名,但是指為undefined

'xxx' in obj && obj.xxx = undefined
  • 注意:
    obj.xxx === undefined 不能斷定'xxx'是否為obj的屬性

三、如何查看對象的屬性

讀取對象自身所有的屬性 Object.keys(obj)
讀取對象的屬性值Object.values(obj)
讀取對象的屬性名和屬性值Object.entries(obj) ----得到是length個數組
讀取共有屬性 console.dir(obj)或者obj.__proto__(不推薦)
'toString' in obj ---檢查是否有這個屬性--自身屬性和共有屬性都算
obj.hasOwnProperty('name')---檢查這個屬性是否是自身屬性

四、如何修改或增加對象的屬性

直接賦值
let obj = {name:'frank'}
obj.name = 'jane'
obj['name'] ='jane'
obj.['na'+'me'] ='jane'
批量賦值
Object.assign(obj,{1:'p1',2:'p2'})
共有屬性的增改(一般不要修改)

無法通過自身修改或增加共有屬性
修改原型的共有屬性 (不推薦)

obj.__proto__.toString ='xxx'
window.Object.prototype.toString = 'xxx'
obj.__proto__=null ---刪除共有屬性,值也可以是一個對象
Object.create let obj = Object.create(common)

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

in 是判斷一個屬性是否在一個對象中,不管是不是在對象的原型中
hasOwnProperty 方法是判斷一個屬性是否在對象自身中,而不是原型中

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容