JS 对象基本用法

声明对象的两种语法

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

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

如何删除对象的属性

delete obj.xxx或 delete obj['xxx']
即可删除 obj 的 xxx 属性
区分「属性值为 undefined」和「不含属性名」

1. 不含属性名
   'xxx' in obj === false
2. 含有属性名，但是值为 undefined
   'xxx' in obj && obj.xxx === undefined
3. 注意 obj.xxx === undefined
   不能断定 ‘xxx’ 是否为 obj 的属性

var obj1 = {};
var obj2 = {x:undefined}

打印obj1和obj2的obj.x === undefined时，都是true；

如何查看对象的属性

查看自身所有属性
Object.keys(obj)
查看所有值
Object.values(obj)
查看自身+共有属性
console.dir(obj)
或者自己依次用 Object.keys 打印出 obj.proto
判断一个属性是自身的还是共有的
obj.hasOwnProperty('toString')

两种方法查看属性
中括号语法：obj[‘key’]
点语法：obj.key
注意，这里的key都是字符串，
obj.name 等价于 obj['name']
obj.name 不等价于 obj[name]
简单来说，这里的 name 是字符串，而不是变量
let name = 'frank' obj[name] 等价于 obj['frank']这里的name是变量

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 的所有属性被打印出来
选项
1 console.log(person.name)
2 console.log(person[name])

1的话，打印出三个frank
2的话，所有属性被打印出来

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

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'})

‘name’ in obj和obj.hasOwnProperty(‘name’) 的区别

‘name’ in obj：是看obj对象是否有’name’属性，包括原型，原型上有也算。
obj.hasOwnProperty(‘name’)：是看’name’属性是否是obj对象自身的，不包括原型。