Object修改对象的属性

最新推荐文章于 2024-05-28 11:44:38 发布

FGGIT

最新推荐文章于 2024-05-28 11:44:38 发布

阅读量831

点赞数

分类专栏： vue学习笔记文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_47888212/article/details/128725094

版权

vue学习笔记专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //Object.create 是创建对象，返回一个新的实例
    //Object.defineProperty(要修改的对象, '要修改的数据', {value，writable...})
    //修改本来就存在的一个对象的属性
    // var obj1 = {
    //   name: 'zs',
    // } 这种方式创建的对象默认值为false，是否可写默认值为true，是否可枚举（即是否可遍历）默认为true
    var obj1 = {
      name: 'zs',
    }
    //注意：如果obj1中没有sex这个属性就添加这个属性
    // Object.defineProperty(obj1,'sex',{
    //   value: '女'
    // })
    // console.log(obj1)

    // Object.defineProperty(obj1,'name',{
    //   value: 'ls'
    // })
    // console.log(obj1.name)

    // for(var key in obj1){
    //   console.log(key) //只有name
    // }

    //如果要修改多个属性就使用Object.defineProperties
    // Object.defineProperties(要修改的对象,{
    //   属性:{
    //     描述信息
    //   }
    // })

    var obj1 = {
      name: 'zs',
    }

    Object.defineProperties(obj1,{
      sex:{
        value: '女'
      },
      name:{
        Value: 'ls',
        enumerable: false
      }
    })
    console.log(obj1)  //{name: 'zs', sex: '女'}

    for(var key in obj1){
      console.log(key)  //没有东西
    }
  </script>
</body>
</html>