JS中对象

JS中对象
对象

 1.Object对象
- object类型，我们也称为一个对象，是JavaScript中的引用数据类型
- 它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值
- 对象也可以看做是属性的无序集合，每个属性都是一个名/值对
- 对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里继承属性
- 除了字符串，数值，boolean ，null ，undefined之外，JS中的值都是对象
对象属性一种复合的数据类型，在对象中可以保存多个不同的数据类型属性
对象的分类

1.内建对象
- 由ES标准中定义的对象，在任何的ES的实现中都可以使用
- 比如：Math String Number Boolean Function Objcet …
2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如：BOM DOM
3.自定义对象
- 由开发人员自己创建的对象
2.对象的操作

对象的操作有：增删改查

1.对象的创建

使用new关键字调用的函数，是构造函数constructor

构造函数是专门用来创建对象的函数

使用typeof检查一个对象时，会返回object
```
    /**
     * 对象创建
     * 使用new关键字调用的函数，是构造函数constructor
     * 构造函数是专门用来创建对象的函数
     * 使用`typeof`检查一个对象时，会返回object
     */
    var per = new Object();

	// 或者
	var per = {
        name:"海康",
        age:21
    };	
1
2
3
4
5
6
7
8
9
10
11
12
13
```
2.添加属性

添加属性的语法：

对象.属性名 = 属性值;
```
    /**
     * 在对象中保存的值称为属性
     * 向对象添加属性：
     *      语法：对象.属性名 = 属性值;
     */
    per.name = "rose";
    per.age = 23;
    per.sex = "女";
1
2
3
4
5
6
7
8
```
3.查看属性

查看属性的语法：

对象.属性名
```
    // 查看属性的值
    alert(per.name)
1
2
```
4.修改属性

修改属性的语法：

对象.属性名 = 属性值

修改属性和添加属性语法是一样的
```
    // 修改属性值
    per.age = 25;
    alert(per.age)
1
2
3
```
5.删除属性

删除属性的语法：

delete 对象.属性名
```
    // 删除属性
    delete per.age
1
2
```
3.数据类型存储位置

基本数据类型：

String Number Boolean Null Undefined

引用数据类型

Object

JS中的变量都是保存到栈内存中的：

基本数据类型的值直接在栈内存中存储

值与值之间是独立存在的，修改一个变量不会影响其他的变量

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象的引用，当一个通过一个变量修改属性时，另一个也会受到影响

基本数据类型：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MteqZ57C-1662732278888)(D:\typora笔记\JS\img\1661939885905.png)]$

引用数据类型：

4.对象字面量
使用对象的字面量，可以在创建对象时，直接指定对象中的属性

语法：

var obj = {属性名:属性值,属性名:属性值,属性名:属性值,...}

对象字面量的属性名可以加引号也可以不加，建议不加

如果要使用一些特殊的名字，则必须加引号

属性名和属性值是一组一组的名值对结构
- 名和值之间使用:连接，多个名值对之间使用,隔开
- 如果一个属性之后没有其他属性了，就不要写,
```
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>对象的字面量</title>
</head>
<body>
<script type="text/javascript">
  // 对象的字面量语法：
  var obj = {name:"rose",age:22,sex:"女"};
  console.log(obj);
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
```
相关阅读:
深度学习第一次作业 - 波士顿房价预测
 Java的动态代理Proxy
FITC标记的大鼠抗小鼠CD11b抗体，FITC Rat Anti-Mouse CD11b
怎么把图片转文字？掌握这个技巧，帮你解放双手
 11 盛水最多的容器
 【23种设计模式】桥接模式（七）
如何创建高效的 Python Docker 镜像详解
 停车场管理系统
 MAIR_ELX总结
 Java进阶之再论面向对象（3）——构造方法Constructors 以及调用的分析 & JavaBean的概念 & 构造函数中this关键字
原文地址：https://blog.csdn.net/weixin_47267628/article/details/126789866

对象

1.Object对象

2.对象的操作

3.数据类型存储位置

4.对象字面量

1.`Object`对象