JavaScript对象 - 基本使用

JavaScript中对象声明

let obj = {'name':'jack'} // 简写

// or

let obj = new Object({'name':'jack'})

删除对象的属性

// 1. 
obj.name = undefined

// 2.
delete obj.name
delete obj['name']

移除后可以使用in操作符查看属性是否存在。

'name' in obj
'name' in obj && obj.name === undefined

查看对象的属性

// 查看单个属性
obj['key']
obj.key

// 查看多个属性
Object.keys(obj)
Object.values(obj)
Object.entries(obj)

// 控制台打印
console.dir(obj)

修改或增加对象的属性

// 操作单个属性
obj.name = 'Tom'
obj['name'] = 'Tom'
obj['na'+'me'] = 'Tom'

// 操作多个属性
Object.assign(obj, {'name':'jerry', 'age':18})

其他

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

'name' in obj 检测 obj及其原型链上是否存在name属性, 不区分自身或共有属性。
obj.hasOwnProperty('name') 检测obj自身属性,而非共有属性。