JS 对象基本用法

目录

• 声明对象的两种语法
• 如何删除对象的属性
• 如何查看对象的属性
• 如何修改或增加对象的属性
  • 单个赋值修改/增加
  • 批量赋值
  • 修改隐藏属性
• 'name' in obj和obj.hasOwnProperty('name') 的区别

声明对象的两种语法

• let obj={}
• let obj=new Object({})
  eg:
  let obj= {'name':'kaqyin','age':18}
let obj= new Object({'name':'kaqyin','age':18})

注意：键只能是字符串，可以是空字符'' / ' '

如何删除对象的属性

delete obj['xxx']
delete obj.xxx
eg:
delete obj['name']
delete obj.name

如何查看对象的属性

• 查看自身属性 Object.keys(obj)
• 查看所有属性 console.dir(obj)
• 查看具体属性 obj['xxx']或者obj.xxx

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

单个赋值修改/增加

obj['xxx']=yyy
obj.xxx=yyy
eg：

• 增加单个属性
  

  

• 修改单个属性
  

  

• 注意注意注意
  

批量赋值

Object.assign(obj, {x1: y1,x2: y2...})

• eg:
  

修改隐藏属性

let common={key:value...}
let obj=Object.create(common)

• eg：
  

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

• 'name' in obj:判断范围所有属性，包括隐藏属性
• obj.hasOwnProperty('name')：判断范围仅为自身属性