JS 对象基本用法

102 阅读1分钟

声明对象的两种语法

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

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

如何删除对象的属性

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.name 等价于 obj['name'],obj.name 不等价于 obj[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'

一般来说,不要修改原型,会引起很多问题

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

in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true

let obj2 =Object.create('name':'whh')

'name' in obj2 //true

obj2.hasOwnProperty('name')//false