JS 对象基本用法

212 阅读1分钟

声明对象的语法

var obj = {'name':'chen','age':18} //日常简写方法

var obj = new Object({'name':'chen','age':18}) //正规完整写法

console.log({'name':'chen','age':18}) //直接引用省略变量名

如何删除对象的属性

delete obj.xxx

delete obj['xxx']

如何查看对象的属性

Object.keys(obj):查看属性的keys(对象的属性名)

Object.values(obj):查看属性的值(values)

Object.entries(obj):同时查看属性的keys(对象的属性名)和 值(values)

console.dir(obj):查看自身属性+共有属性

obj['key'] :中括号语法

obj.key : 点语法

如何修改或增加对象的属性

直接赋值

let obj = { age : 18}
 obj.age = 19
obj.['age'] = 19 

批量赋值

Object.assign(obj,{age: 20, gender: 'women'})

'name' in obj和obj.hasOwnProperty('name') 的区别

'name' in obj 可以查看所有属性包括隐藏属性。

obj.hasOwnProperty('name') 不可以查看隐藏属性,只能查看自身属性。