JS全解(三)Object 对象的增删改查!❤️

395 阅读2分钟

重要知识点:每节博客都会重复🙉🙉🙉

口诀🤨:四基两空一对象,还有五个falsy值。

七种数据类型

  • 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
  • delete 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
  let obj = Object.create(common)
  obj.name = 'kai'
  let obj2 = Object.create(common)
  obj2.name = 'jack'              //规范大概的意思是,要改就一开始就改,别后来再改
  • 一创建就指定对象的新原型,然后再往里面加值.

六、区别'name' in objobj.hasOwnProperty('name')

  • 前者可以验证对象obj是否存在属性name,无论这个属性是自身属性还是隐藏属性。
  • 后者用来验证自身属性中是否存在name属性,而无法验证隐藏属性本文参考了知乎、CSDN、网道JavaScript 的一些知识,有描述不准确的地方还希望大多多家指!!!