对象

• 无序的数据集合
• 键值对的集合

声明对象的两种语法

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

细节

• 键名是字符串，不是标识符，可以包含任意字符
• 就算引号省略了，键名也还是字符串（重要）

变量作属性名

如何用变量做属性名

• let p1 = 'name'
• let obj = { p1 : 'frank'} 这样写，属性名为 'p1'
• let obj = { [p1] : 'frank' } 这样写，属性名为 'name'

1. 不加 [ ] 的属性名会自动变成字符串
2. 加了 [ ] 则会当做变量求值
3. 值如果不是字符串，则会自动变成字符串

如何删除对象的属性

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.keys(obj)

查看自身+共有属性

• console.dir(obj)
• 或者自己依次用 Object.keys 打印出 obj.__proto__

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

obj.hasOwnProperty('toString')

查看属性

两种方法查看属性

• 中括号语法：obj['key']
• 点语法：obj.key
• 坑新人语法：obj[key] // 变量 key 值一般不为 'key'

请优先使用中括号语法

• 点语法会误导你，让你以为 key 不是字符串
• 等你确定不会弄混两种语法，再改用点语法

必须搞清楚这一题

代码

let list = ['name', 'age', 'gender']
let person = {
       name:'frank', age:18, gender:'man'}
for(let i = 0; i < list.length; i++){
  let name = list[i]
  console.log(person__???__)
}

使得 person 的所有属性被打印出来
选项

• console.log(person.name)
• console.log(person[name])

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

直接赋值

let obj = {name: 'frank'} // name 是字符串
obj.name = 'frank' // name 是字符串
obj['name'] = 'frank'
obj[name] = 'frank' // 错，因 name 值不确定
obj['na'+'me'] = 'frank'
let key = 'name'; obj[key] = 'frank'
let key = 'name'; obj.key = 'frank' // 错
因为 obj.key 等价于 obj['key']

批量赋值

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

修改或增加共有属性

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

• let obj = {}, obj2 = {} // 共有 toString
• obj.toString = 'xxx' 只会在改 obj 自身属性
• obj2.toString 还是在原型上

我偏要修改或增加原型上的属性

• obj.__proto__.toString = 'xxx' // 不推荐用 __proto__
• Object.prototype.toString = 'xxx'
• 一般来说，不要修改原型，会引起很多问题

修改隐藏属性

不推荐使用 __proto__

let obj = {name:'frank'}<
let obj2 = {name: 'jack'}
let common = {kind: 'human'}
obj.__proto__ = common
obj2.__proto__ = common

推荐使用 Object.create

let obj = Object.create(common)
obj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'jack'

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

• 'name' in obj判断的属性可能是自有的或者原型里面的
• obj.hasOwnProperty('name')判断的属性是自有的