声明对象的两种语法
let obj = { 'name': 'frank', 'age': 18 }
let obj = new Object({'name': 'frank'})
如何删除对象的属性
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 的属性
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对象自身的,不包括原型。