对象、对象的属性、对象字面量、枚举对象中的属性、可变类型、变量和对象——JS对象

大家好，欢迎来到IT知识分享网。

目录

一、对象

二、对象的属性

三、对象字面量

四、枚举对象中的属性

五、可变类型

六、变量和对象

数据类型：

        原始值：(不可变类型)

                1.数值 Number

                2.大整数 BigInt

                3.字符串 String

                4.布尔值 Boolean

                5.空值 Null

                6.未定义 Undefined

                7.符号 Symbol

        对象：是JS中的一种复合数据类型

                它相当于一个容器，在对象中可以存储各种不同类型数据

        原始值只能表示一些简单的数据，不能表示复杂数据，比如：现在需要在程序中表示一个人的信息（身高、性别、姓名等）

一、对象

1.创建对象

        let 对象 = new Object()  (其中new可以省略不写)

对象中可以存储多个各种类型的数据

        对象中存储的数据，我们称为属性

向对象中添加属性：

        对象.属性名 = 属性值

读取对象中的属性：

        对象.属性名

        –如果读取的是一个对象中没有的属性，不会报错，而是返回undefined

修改属性：

        与添加一样，重新赋值

删除属性：

        delete 对象.属性名

使用 typeof 检查一个对象时，会返回 object

 <script> //创建对象 let obj = new Object()//这样创建的方法可以将new省略 //向对象中添加属性 obj.name = '孙悟空' obj.age = 10 obj.gender = '男' //修改属性 obj.name = '猪八戒' //删除属性 delete obj.name console.log(obj) </script>

二、对象的属性（属性名，属性值，in运算符）

属性名

        – 通常属性名就是一个字符串，所以属性名可以是任何值，没有什么特殊要求

                但是如果属性名太特殊了，不能直接使用，需要使用 [ ] 来设置，把点去掉，并把属性名用引号引起来，同理，读取或删除属性时也用[ ] 来读取或删除。如 ：

 <script> let obj = Object() obj.name = '孙悟空' //属性名用[]来设置 obj["122nsbdh"] = 'asd'//不建议 console.log(obj) </script>

                虽然如此，但是我们还是强烈建议属性名也按照标识符的规范来命名。

        – 也可以使用符号（symbol）作为属性名,来添加属性,需要使用[ ]，无需用引号引起来。

                获取这种属性时，也必须使用symbol

                使用symbol添加的属性，通常是那些不希望被外界访问的属性

 <script> let obj = Object() let mySymbol = Symbol() //使用symbol作为属性名 obj[mySymbol] = '通过symbol添加的属性'//[]无需用引号引起来 //读取symbol作为属性名的属性 console.log(obj[mySymbol]) </script>

        使用 [ ] 操作属性时，可以使用变量

 <script> let obj = Object() obj["gender"] = '男' let str = 'address' //变量不要加引号，否则就是直接添加属性名 obj[str] = '花果山'//等价于obj["address"] = '花果山' obj.str = '哈哈'//使用. 的形式添加属性时，不能使用变量，这样写就是属性名是str console.log(obj["gender"]) console.log(obj.gender)//用[]设置的属性名，两种方法都可以读取 console.log(obj) </script>

用 [ ] 设置的属性名，两种方法都可以读取 

属性值：对象的属性值可以是任意的数据类型

                也可以是一个对象

 <script> let obj = Object() obj.a = 123 obj.b = Object()//属性值是对象 obj.b.name = '猪八戒'//添加对象里的对象属性 obj.b.age = 28 console.log(obj) </script>

使用 typeof 检查一个对象时，会返回 object

in运算符 可以用来检查对象中是否含有某个属性

        – 语法：属性名 in 对象 如：“name”  in obj

        – 如果有返回true,没有返回false

三、对象字面量

对象字面量（也是创建对象的另外一种形式）

        -可以直接使用 { } 来创建对象

        – 使用{ } 所创建的对象，可以直接向对象中添加属性

                语法：{

                                属性名：属性值 ,

                                属性名：属性值 ,

                                [属性名]：属性值

                        }

 <script> //两种方式创建对象 let obj = Object() let obj2 = {} let mySymbol = Symbol() let obj3 = { name:"孙悟空", age:18, ['gender']:'男', [mySymbol]:"特殊的属性" hello:{ a:1, b:true } } console.log(obj) console.log(obj3) </script>

四、枚举对象中的属性

枚举属性，指将对象中的所有属性全部获取。

for-in语句：

        – 语法：

                for(let propName in 对象){

                        语句…

                }

         其中，propName是我们自己定义的变量

        -for-in的循环体会执行多次，有几个属性就会执行几次

                每次执行时，都会将一个属性名赋值给我们所定义的变量，因为定义的是变量，所以想传变量的属性值应使用 [ ],如console.log(propName, obj[propName]).

 <script> let obj = { name:"孙悟空", age:10, gender:'男' } for(let propName in obj){ console.log(propName,obj[propName])//propName是变量,想传变量的属性值应使用[] } </script>

注意：并不是所有的属性都可以枚举，比如 使用符号添加的属性

 <script> let obj = { gender:'男', [Symbol()]:'测试的属性'//符号添加的属性是不能枚举 } for(let propName in obj){ console.log(propName,obj[propName])//propName是变量,想传变量的属性值应使用[] } </script>

五、可变类型

原始值都属于不可变类型，一旦创建就无法修改。

     在内存中不会创建重复的原始值。

     当我们为一个变量重新赋值时，绝对不会影响其他变量。

对象属于可变类型

     对象创建完成后，可以任意的添加删除修改对象中的属性

     注意：

            当我们对两个对象进行全等或相等比较时，比较的是对象的内存地址。

 <script> let obj = Object() obj.name = '孙悟空' let obj2 = Object() let obj3 = Object() console.log(obj2)//打印{} console.log(obj3)//打印{} console.log(obj2 === obj3)//打印false，因为对两个对象进行相等或全等比较时， //比较的是对象的内存地址 </script>

            如果有两个变量同时指向一个对象，通过一个变量修改对象时，对另外一个变量也会产生影响。

 <script> let obj = Object() obj.name = '孙悟空' obj.age = 18 let obj4 = obj obj4.name = '猪八戒'//当修改一个对象时，所有指向该对象的变量都会受到影响 console.log(obj) console.log(obj4)//两个都改变了 console.log(obj4 === obj)//打印true </script>

当修改一个对象时，所有指向该对象的变量都会受到影响。 

六、变量和对象

修改对象

        修改对象时，如果有其他变量指向该对象，则所有指向该对象的变量都会受到影响。

修改变量

        修改变量时，只会影响当前的变量。

 <script> let obj = { name:'孙悟空', } let obj2 = obj obj2.name = '猪八戒'//修改对象，obj也跟着改变 obj2 = null//修改变量，给变量重新赋值，变量obj不改变 obj2 = {}//修改变量，obj2指向一个新的对象 obj2.name = "沙和尚"//此时obj2与obj不再指向同一对象，故修改obj2，不改变obj console.log(obj) console.log(obj2) </script>

在使用变量存储对象时，很容易因为改变变量指向的对象，提高代码的复杂度，所以通常情况下，声明存储对象的变量时会使用const,这样存储对象的变量只能被赋值一次，否则就会报错。

注意：const只是禁止变量被重新赋值，对对象的修改没有任何影响。

 <script> const obj = { name:'孙悟空', } const obj2 = obj obj2.name = '猪八戒'//修改对象，obj也跟着改变 console.log(obj) console.log(obj2) </script>