This website requires JavaScript.

Object 对象的增删改查

by  饲养员  

七种数据类型
number string bool symbol
null undefined
object
五个 falsy 值
null undefined
0 NaN
'' (空字符串)

一、声明对象的两种语法

    let obj = {'name','kai'}            //常用写法

    let obj2 = new Object({'name','kai'})      //标准写法

二、删除对象的属性

1.语法
delete obj.xxx   
del  ete obj['xxx']
新手建议用第二种,要时刻知道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'})

五、修改或增加共有属性

1. 无法通过自身修改或增加共有属性
  let obj = {}, obj2 = {} // 共有 toString 

  obj.toString = 'xxx' 只会在改 obj 自身属性

  obj2.toString 还是在原型上  
2. 我偏要修改或增加原型上的属性
obj.__proto__.toString = 'xxx'  // 不推荐用 proto 
Object.prototype.toString = 'xxx
一般来说,不要修改原型,会引起很多问题
3. 修改隐藏属性
不推荐使用 proto
  let obj = {name:'frank'} 

  let obj2 = {name: 'jack'} 

  let common = {kind: 'human'} 

  obj.__proto__ = common 

  obj2.__proto__ = common
推荐使用 Object.create
  obj.name = 'kai'
  let obj2 = Object.create(common)
  obj2.name = 'jack'              //规范大概的意思是,要改就一开始就改,别后来再改
一创建就指定对象的新原型,然后再往里面加值.

六、区别'name' in obj 和 obj.hasOwnProperty('name')

前者可以验证对象obj是否存在属性name,无论这个属性是自身属性还是隐藏属性。
后者用来验证自身属性中是否存在name属性,而无法验证隐藏属性。
相关推荐
  • linux一些常用的命令字符
  • 4种方式Ajax请求
  • Sass 使用、节约 CSS 代码
  • JavaScript系列之面向对象
  • 前端的计时是否准确,技术方案如何做