JS 对象基本用法

2020-11-13 278 阅读1分钟

一、声明对象的两种语法

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

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

二、删除对象的属性

1. 语法

delete obj.xxx
delete obj['xxx']

2. 区分「属性值为 undefined」和「不含属性名」

'xxx' in obj === false                    //不含属性名
'xxx' in obj && obj.xxx === undefined    //含有属性名，但是值为 undefined
obj.xxx=== undefined                     //不能断定 'xxx' 是否为 obj 的属性

三、查看对象的属性

obj['key'] //中括号语法
obj.key //点语法

新手优先使用中括号语法，因为点语法会误导你，让你以为 key 不是字符串。

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

1. 直接赋值

let obj = {name: 'frank'}   // name 是字符串
obj.name= 'frank'      // name 是字符串
obj['name']= 'frank'
obj['na'+'me']= 'frank'
let key = 'name'; obj[key] = 'frank'

2. 批量赋值

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

3. 修改或增加共有属性

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


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

obj.toString = 'xxx' 只会在改 obj 自身属性，obj2.toString 还是在原型上

我偏要修改或增加原型上的属性
obj.__proto__.toString = 'xxx' // 不推荐用 __proto__
Object.prototype.toString = 'xxx'

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

4. 修改隐藏属性

不推荐使用 __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')` 的区别

前者可以验证对象obj是否存在属性name，无论这个属性是自身属性还是隐藏属性
后者用来验证自身属性中是否存在name属性，而无法验证隐藏属性

友情链接：