四十六——五十一

红太狼 2023-09-30 17:57 8阅读 0赞

## 四十六、JavaScript——对象 ##

#### 一、对象 ####

>  *  **数据类型：**
> 
> **原始值**：
> 
> 1. 数值 Number
> 
> 2. 大整数 BigInt
> 
> 3. 字符串 String
> 
> 4. 布尔值 Boolean
> 
> 5. 空值 Null
> 
> 6. 未定义 Undefinded
> 
> 7. 符号 Symbol
> 
> **除了七种原始值之外，后面所用到的数据类型，都统称为对象**
> 
>   
> 
> 
>  *  原始值只能用来表示一些简单数据，如性别，年龄，不能表示复杂数据
> 
>  *  **对象**
> 
> \- 对象是JS中一种复合数据类型
> 
> 它相当于一个容器，在对象中可以存储不同的类型数据，
> 
> 例如对象中可以存储人的姓名、身高、年龄

>  *  **对象中可以存储多个各种类型的数据**
> 
> 1.  对象中存储的数值，我们称之为属性
> 2.  创建一个对象（new可省略）
>     
>      **let 对象名 = new Object**
> 3.  向对象中添加属性
>     
>     **对象.属性名 = 属性值**
> 4.  读取对象中的某个属性
>     
>     **对象.属性名**
>     
>     \- 如果读取的是对象中没有的属性
>     
>     不会报错而是报undefinded
> 5.  修改对象中的某个属性：命名新的，会产生覆盖
>     
>      **对象.属性名 = 新的属性值**
> 6.  删除属性
>     
>      **delete 对象.属性名**

![ff275d1940ca4216a01863eaf8cb6ca1.png][]

## 四十七、JavaScript——对象的属性 ##

#### 一、属性 ####

>  *  **let 属性名 = new Object()**
> 
> **属性名** 
> 
> \- 通常属性名就是一个字符串，所以属性名可以实任何值，没有什么特殊要求
> 
> 但是如果取得名字太特殊了，不能直接使用，需要用\[\]来包裹
> 
> 虽然如此，但是我们还是强烈建议属性名也按照标识符规范命名
> 
>  *  也可以使用符号（symbol）作为属性名，来添加属性
> 
> 获取这种属性时，也必须使用Symbol
> 
> \- 使用Symbol添加的属性，通常是那些不希望呗外界访问的属性
> 
>  *  \- 使用\[\]去操作属性时，可以使用变量,中括号中的变量不需要添加引号
>  *  使用typeof检查一个对象时，返回object
>  *  in 运算符
>     
>     \- 用来检测对象中是否含有某个属性
>     
>     \- 语法 **属性名 in 对象名**
>     
>     \- 如果有返回true，没有返回false

>  *  使用符号（symbol）作为属性名，来添加属性
> 
> 获取这种属性时，也必须使用Symbol
> 
> \- 使用Symbol添加的属性，通常是那些不希望呗外界访问的属性

![485ae5cde3f24b18938cbcb3d450fe49.png][]

>  *  \- 使用\[\]去操作属性时，可以使用变量,中括号中的变量不需要添加引号

![df776304a2d64e108e0f540e0529558f.png][]

>  *  **in 运算符**
> 
> \- 用来检测对象中是否含有某个属性
> 
> \- 语法 **属性名 in 对象名**
> 
> \- 如果有返回true，没有返回false

![5bb4db8b5e114c91bbd9daf30f23e8d3.png][]

console.log("name" in obj)

## 四十八、JavaScript——对象的字面量 ##

#### 一、字面量\{\} ####

>  *   **对象字面量**
> 
> 1.  可以使用\{\} 来创建对象
> 2.  使用\{\}创建对象，可以直接向属性中添加对象
> 3.  语法：
>     
>     \{
>     
>     属性名：属性值,
>     
>     \["属性名"\]: 属性值,
>     
>     \}

>  *   **关于\["属性名"\]: 属性值, 中属性值是否要带双引号**
>  *  如果是直接命名的属性值，则需要带双引号，例如属性名为**\["age"\]: 属性值**
>  *  而像引用创建好的对象时，不用双引号
> 
> //使用symbol作为属性名,得到Symbol对象  
> let mySymbol = Symbol()
> 
> //使用symbol作为属性名  
> **obj\[mySymbol\] = "通过symbol添加的属性"**

![169e82fd7adf4d359a74dc8b9689146e.png][]

## 四十九、JavaScript——枚举对象中的属性 ##

## 一、枚举属性 ##

>  *  **枚举属性：将对象中属性全部获取**
> 
>  **for-in语句**
> 
> \- 语法
> 
> for(let propName in 对象)\{
> 
> 语句。。。
> 
> console.log(proName,obj\[proName\])
> 
> console.log(属性名,属性值)
> 
> \}
> 
> \- for-in的循环体会执行多次，有几个属性会执行几次
> 
> 每次执行时都会将一个属性名赋值给我们定义的变量
> 
>  *   **注意：**
> 
> \- 并不是所有的属性都可以枚举，比如：**使用符号添加的属性不能枚举\[Symbol()\]**

![9e500cf6918c4dcc88e7791e6db4aa95.png][]

## 五十、JavaScript——可变类型 ##

#### 一、可变类型 ####

*  **定义：可变类型值指的是对象中的属性名和属性值是可以改变的**
 *  在创建对象时，对象的属性和属性值在内存中也相当于一个表格的映射关系，而真正的属性值也是由内存中开辟一个空间来存储，而表格中存储的是内存地址
 *  new出来的对象变量名是obj
 *  对应的值里面存储的是对象的属性的地址
 *  对象的属性中属性名和属性值的地址
 *  属性值地址指向内存中真正存储属性值的地方

![9c83a344a4744baa928f89acddde9483.png][]

>  *  **原始值都属于不可变类型，一旦创建无法修改**
> 
> 在内存中，不会重复创建重复的原始值
> 
>  *  **对象属于可变类型**
>     
>     \- 变量和内存中存的都是内存地址
>     
>     \- 可变类型值指的是对象中的属性名和属性值是可以改变的
>     
>     **注意**：
>     
>     \- 如果两个变量指向同时指向同一个对象
>     
>     通过一个变量修改对象时，另一个对象也会发生改变(内存地址发生改变)
>  *  当对两个对象进行相等或者全等的比较时，比较的是内存地址，
>  *  当修改一个对象时，所有指向该对象的变量都会发生改变

>  *  当对两个对象进行相等或者全等的比较时，比较的是内存地址

![c47d881d326741f78d880426ede37c7a.png][]

## 五十一、JavaScript——变量和对象 ##

#### 一、变量和对象 ####

> **修改对象**
> 
> \- 修改对象时，如果有其他变量指向该对象
> 
> 则所有指向对象的变量会受到影响
> 
> **修改变量**
> 
> \- 修改变量，只会影响当前的变量
> 
> 在使用变量存储对象时，很容易因为改变变量指向的对象，提高代码的复杂度
> 
> 所以通常情况下，声明存储对象的变量会使用const
> 
>  **注意：**
> 
> const只是禁止变量赋值，禁止改变量，而修改对象时允许的
> 
> 因为是const obj 所以obj的变量名和地址是固定的 额不可修改的

>     <script>
>     
>             /*
>                 修改对象
>                     - 修改对象时，如果有其他变量指向该对象
>                         则所有指向对象的变量会受到影响
>                 
>                 修改变量
>                     - 修改变量，只会影响当前的变量
>                 
>                 在使用变量存储对象时，很容易因为改变变量指向的对象，提高代码的复杂度
>                     所以通常情况下，声明存储对象的变量会使用const
>     
>                 注意：  
>                     const只是禁止变量赋值，禁止改变量，而修改对象时允许的
>                     因为是const obj 所以obj的变量名和地址是固定的 额不可修改的
>                 
>                 
>             */
>     
>             let obj = {
>                 name:"张三",
>     
>             }
>     
>             let obj2 = obj
>     
>             obj2.name = "李四"  // 修改对象
>             
>             obj = { }  //修改变量。创建了一个新的对象
>     
>     
>     
>     
>     
>     
>         </script>

[ff275d1940ca4216a01863eaf8cb6ca1.png]: https://img-blog.csdnimg.cn/ff275d1940ca4216a01863eaf8cb6ca1.png
[485ae5cde3f24b18938cbcb3d450fe49.png]: https://img-blog.csdnimg.cn/485ae5cde3f24b18938cbcb3d450fe49.png
[df776304a2d64e108e0f540e0529558f.png]: https://img-blog.csdnimg.cn/df776304a2d64e108e0f540e0529558f.png
[5bb4db8b5e114c91bbd9daf30f23e8d3.png]: https://img-blog.csdnimg.cn/5bb4db8b5e114c91bbd9daf30f23e8d3.png
[169e82fd7adf4d359a74dc8b9689146e.png]: https://img-blog.csdnimg.cn/169e82fd7adf4d359a74dc8b9689146e.png
[9e500cf6918c4dcc88e7791e6db4aa95.png]: https://img-blog.csdnimg.cn/9e500cf6918c4dcc88e7791e6db4aa95.png
[9c83a344a4744baa928f89acddde9483.png]: https://img-blog.csdnimg.cn/9c83a344a4744baa928f89acddde9483.png
[c47d881d326741f78d880426ede37c7a.png]: https://img-blog.csdnimg.cn/c47d881d326741f78d880426ede37c7a.png