【js知识】关于delete操作符用法——对象的属性是数字，那么只能用方括号方式进行删除

84 阅读 0 评论 56 点赞

我是靠谱客的博主疯狂台灯，最近开发中收集的这篇文章主要介绍【js知识】关于delete操作符用法——对象的属性是数字，那么只能用方括号方式进行删除，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

关于delete操作符用法——对象的属性是数字，那么只能用方括号方式进行删除

  <script type="text/javascript">
      var obj = {
          uname:'lisi',
          age:12
      }
   console.log(obj)
  </script>

打印

在这里插入图片描述

1、删除某个属性

  <script type="text/javascript">
      var obj = {
          uname:'lisi',
          age:12
      }
   //点  方法
  // delete obj.uname
   //或  方括号 方法
   // delete obj['uname']
   //或  定义变量  方法
  var attrName = 'uname'
  delete obj[attrName]


   console.log(obj)
  </script>

打印

在这里插入图片描述

2、删除对象的属性

  <script type="text/javascript">
    var cart = {
      1212: {
        goods_id: 1212,
        goods_name: '电视'
      },
      1213: {
        goods_id: 1213,
        goods_name: '空调'
      }
    }
    var id = 1212
    delete cart[id]
    console.log(cart)
  </script>

删除前打印

在这里插入图片描述

删除后，剩一个

在这里插入图片描述

注意：并不是删除id属性，而是删除id属性的值

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script type="text/javascript">
    /*
      delete删除对象的属性

      对象属性访问方式：
        对象名称[属性名称]
        对象名称.属性名称

      唯一区别：方括号访问方式可以使用变量

      如果对象的属性是数字，那么只能用方括号方式
    */
    // var obj = {
    //   uname: 'lisi',
    //   age: 12
    // }

    // delete obj.uname
    // delete obj['uname']
    // var attrName = 'uname'
    // delete obj[attrName]

    // console.log(obj)

    var cart = {
      1212: {
        goods_id: 1212,
        goods_name: '电视'
      },
      1213: {
        goods_id: 1213,
        goods_name: '空调'
      }
    }
    var id = 1212
    delete cart[id]
    console.log(cart)
  </script>
</body>
</html>