写代码啦
JS 对象基本用法
回复数(0) 浏览数(47)
{{topic.upvote_count || 0}} 编辑 回复

声明对象的两种语法

无序的数据集合
键值对的集合
javascript
let obj = { 'name': 'frank', 'age': 18 }
let obj = new Object({'name': 'frank'})
console.log({ 'name': 'frank, 'age': 18 })

如何删除对象的属性

语法:

delete obj.xxx 
delete obj['xxx']

如何查看对象的属性

查看对象自身所有属性
javascript
Object.keys(obj)

查看自身和共有属性的方法
javascript
console.dir(obj)
Object.keys 打印出 obj.__proto__ // 或者自己依次用

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

obj.hasOwnProperty('toString')

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

直接赋值
javascript
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' // 错

批量赋值
javascript
Object.assign(obj, {age: 18, gender: 'man'})

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

'name' in obj会在原型链上查找, obj.hasOwnProperty('name') 只会在当前对象上查找

{{topic.upvote_count || 0}}

声明对象的两种语法

无序的数据集合
键值对的集合
javascript
let obj = { 'name': 'frank', 'age': 18 }
let obj = new Object({'name': 'frank'})
console.log({ 'name': 'frank, 'age': 18 })

如何删除对象的属性

语法:

delete obj.xxx 
delete obj['xxx']

如何查看对象的属性

查看对象自身所有属性
javascript
Object.keys(obj)

查看自身和共有属性的方法
javascript
console.dir(obj)
Object.keys 打印出 obj.__proto__ // 或者自己依次用

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

obj.hasOwnProperty('toString')

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

直接赋值
javascript
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' // 错

批量赋值
javascript
Object.assign(obj, {age: 18, gender: 'man'})

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

'name' in obj会在原型链上查找, obj.hasOwnProperty('name') 只会在当前对象上查找

47
回复 编辑