JS 对象基本用法

一、声明对象的两种语法

• 语法一 通用写法

let obj = {'name': xxx, 'age': 18}

• 语法二 官方写法

let obj = new Object({'name': xxx, 'age': 18})

二、如何删除对象的属性

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

即可删除obj的xxx属性
请区分属性值为undefined和不含属性名

• 不含属性名

'xxx' in obj === false

• 含有属性名，但是值为undefined

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

• 注意 obj.xxx === undefined

不能断定'xxx'是否为obj的属性

三、如何查看对象的属性

• 查看自身所有属性

Object.key(obj)

• 查看自身+共有属性

console.dir(obj)

或者依次用Object.keys打印出obj.__proto__

• 判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString')

• 重点

let name = 'xxx';
obj.name等价于obj['name']
obj.name不等价于obj[name]
这里的name是字符串，而不是变量

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

• 直接赋值

let obj = {name：'xxx'} //name是字符串

obj.name = 'xxx' //name 是字符串

obj['name'] = 'xxx'

obj[name] = 'xxx' //错，因为name值不确定

obj['na' + 'me'] = 'xxx'

let key = 'name'; obj[key] = 'xxx'

let key = 'name'; obj.key = 'xxx' //错，因为obj.key 等价于obj['key']

• 批量赋值

Object.assign(obj.{age: 18,gender: 'man'})

• 修改共有属性 无法通过自身修改或增加共有属性

let obj ={},obj2={} //共有toString

obj.toString = 'xxx' 只会改obj自身属性

obj2.toString还是在原型上

一般不要修改原型或增加原型上的属性，会引发很多问题

• 修改隐藏属性 不推荐使用__prto__

let obj = {name:'xxxx'} 

let obj2 = {name: 'sun'} 

let common = {kind: 'human'} 

obj.__proto__ = common 

obj2.__proto__ = common

推荐使用Object.create

let obj = Object.create(common)

obj.name = 'xxx'

let obj2 = Object.create(common)

obj2.name = 'sun'

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

'name' in obj 查看属性name是不是在obj
obj.hasOwnProperty('name')只有对象自身含有这个属性，才会返回，用来检测一个对象是否含有特定的自身属性