JS中对象

最新推荐文章于 2023-11-12 20:44:28 发布

昱晟168

最新推荐文章于 2023-11-12 20:44:28 发布

阅读量250

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_47267628/article/details/126789866

版权

前端专栏收录该内容

21 篇文章 2 订阅

订阅专栏

对象

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
    };

2.添加属性

添加属性的语法：

对象.属性名 = 属性值;

    /**
     * 在对象中保存的值称为属性
     * 向对象添加属性：
     *      语法：对象.属性名 = 属性值;
     */
    per.name = "rose";
    per.age = 23;
    per.sex = "女";

3.查看属性

查看属性的语法：

对象.属性名

    // 查看属性的值
    alert(per.name)

4.修改属性

修改属性的语法：

对象.属性名 = 属性值

修改属性和添加属性语法是一样的

    // 修改属性值
    per.age = 25;
    alert(per.age)

5.删除属性

删除属性的语法：

delete 对象.属性名

    // 删除属性
    delete per.age

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>

昱晟168

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中对象

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象的引用，当一个通过一个变量修改属性时，另一个也会受到影响。值与值之间是独立存在的，修改一个变量不会影响其他的变量。使用对象的字面量，可以在创建对象时，直接指定对象中的属性。对象字面量的属性名可以加引号也可以不加，建议不加。属性名和属性值是一组一组的名值对结构。对象.属性名 = 属性值; 对象.属性名 = 属性值。
复制链接

扫一扫