美文网首页
JS 对象基本用法

JS 对象基本用法

作者: lin_lilili | 来源:发表于2020-09-30 22:16 被阅读0次

1 声明对象的两种语法

      //第一种
      const person1 = {
        name : '张三',
        age: 18
      }
     //第二种
      const person2 = new Object({
        name : '李四',
        age: 20
      });

2 如何删除对象的属性

      let obj = {
        name: "lin",
        age: 18,
      };   

      delete obj.name       //删除obj的key,将这个属性删除
      //注意,JS中BUG很多例如重复删除不会报错!
      delete obj['name']    //同样是删除obj的key,将这个属性删除
      //如何查询这个键是否删除成功?  
      'name' in  obj   //true是存在, false是不存在(删除成功)
      obj.age = undefined   //将obj的key对应的值设置成空.

3 如何查看对象的属性

  • Object.keys(obj) 查看对象自身所有的属性.
  • console.dir(obj) 查看自身以及原型共有属性.

3.1 查看对象的某个属性

  • obj['key']
  • obj.key
  • obj [key] (key在这时候是一个变量)

3.2 obj[name]obj['name'] 不同,

  • obj[name]里面的name是一个变量.
  • obj['name']===obj.name (这时候的name是一个字符串)

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

  • 如果对象有某个属性,再赋值就是修改属性.
  • 如果对象没有某个属性,赋值就是增加属性.
      let obj = { name: "lin" };
      obj.name = '123'   //修改属性
      obj['name'] = '456'  //修改属性
      obj.age =18  //增加属性
      obj['city']='bj'    //增加属性

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

  • obj.hasOwnProperty('toString') 判断一个属性是自身的还是共有的
  • 'toString' in obj 判断一个属性是否是对象的,不会判断自身还是共有的.

相关文章

  • js对象及其方法

    1.对象MDN文档2.JS基础--JS对象及其基本用法3.JavaScript 对象所有API解析

  • JS 对象基本用法

    1.声明对象的两种语法 ES6新增了两种声明对象的方法,分别是let和const。 2.如何删除对象的属性 del...

  • JS 对象基本用法

    一、声明对象的两种语法 let obj = { 'name' : 'frank' , 'age' : 18} le...

  • js对象基本用法

    1.声明对象 定义:无序的数据集合、键值对的集合 写法 属性名:每个key都是对象的属性名(property) 属...

  • JS 对象基本用法

    1 声明对象的两种语法 2 如何删除对象的属性 3 如何查看对象的属性 Object.keys(obj) 查...

  • JS 对象基本用法

    对象的定义 对象是无序的数值集合或者键值对的集合 声明对象的语法 let object = { 'name' : ...

  • JS对象基本用法

    一、声明对象的两种方法(对象:无序的数据集合&键值对的集合) ·简易声明:let obj = { 'name' :...

  • JS对象基本用法

    与JS相关的七种数据类型以及五个falsy值 七种数据类型 : number、string、bool、symbol...

  • JS对象基本用法

    声明对象的两种语法 如何删除对象属性 如何查看对象的属性 查看自身所有属性 查看自身+共有属性 判断一个属性是自身...

  • JS 对象基本用法

    6种基本数据类型 null undefined string number boolean symobl 5种fa...

网友评论

      本文标题:JS 对象基本用法

      本文链接:https://www.haomeiwen.com/subject/dempuktx.html