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

一、对象

二、对象的属性

三、对象字面量

四、枚举对象中的属性

五、可变类型

六、变量和对象

数据类型：

原始值：(不可变类型)

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 = 10obj.gender = '男'//修改属性obj.name = '猪八戒'//删除属性delete obj.nameconsole.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 = '哈哈'//使用. 的形式添加属性时，不能使用变量，这样写就是属性名是strconsole.log(obj["gender"])console.log(obj.gender)//用[]设置的属性名，两种方法都可以读取console.log(obj)</script>

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

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

也可以是一个对象

 <script>let obj = Object()   obj.a = 123obj.b = Object()//属性值是对象obj.b.name = '猪八戒'//添加对象里的对象属性obj.b.age = 28console.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 = 18let obj4 = objobj4.name = '猪八戒'//当修改一个对象时，所有指向该对象的变量都会受到影响console.log(obj)console.log(obj4)//两个都改变了console.log(obj4 === obj)//打印true</script>

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

六、变量和对象

修改对象

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

修改变量

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

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

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

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

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