JavaScript 对象

最新推荐文章于 2022-05-17 09:00:00 发布

LF721

最新推荐文章于 2022-05-17 09:00:00 发布

阅读量364

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/LF721/article/details/121864577

版权

对象介绍

对象（object）：JavaScript里的一种数据类型

可以理解为是一种无序的数据集合

用来描述某个事物

例如

个人信息描述：

静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示

动态行为 (点名, 唱, 跳, rap) => 使用函数表示

对象使用

对象声明语法

对象有属性和方法组成

属性：信息或叫特征（名词）。

方法：功能或叫行为（动词）。

数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的

属性都是成对出现的，包括属性名和值，它们之间使用英文 : 分隔

多个属性之间使用英文 , 分隔

属性就是依附在对象上的变量（外面是变量，对象内是属性）

属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

属性访问

声明对象，并添加了若干属性后，可以使用 . 或 [] 获得对象中属性对应的值，我称之为属性访问。

简单理解就是获得对象里面的属性值。

方法一

方法二

对象中的方法

数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。

1. 方法是由方法名和函数两部分构成，它们之间使用 : 分隔

2. 多个属性之间使用英文 , 分隔

3. 方法是依附在对象中的函数

4. 方法名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

对象中的方法访问

声明对象，并添加了若干方法后，可以使用 . 调用对象中函数，我称之为方法调用

注意：千万别忘了给方法名后面加小括号

操作对象

对象本质是无序的数据集合, 操作数据无非就是增删改查语法：

增加属性

也可以动态为对象添加属性，动态添加与直接定义是一样的，只是语法上更灵活。

新增对象中的方法

注：无论是属性或是方法，同一个对象中出现名称一样的，后面的会覆盖前面的。

遍历对象

一般不用这种方式遍历数组、主要是用来遍历对象

一定记住： k 是获得对象的 属性名 ， 对象名[k] 是获得 属性值

案例

猜数字游戏

需求：程序随机生成 1~10 之间的一个数字，用户输入一个数字

分析：

①：利用随机数生成一个数字

②：需要一直猜，所以需要不断的循环

③：因为条件是结果猜对了，就是判断条件退出，用while循环合适

④：内部判断可以用多分支语句

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="./public.js"></script>
    <script>
      // 1. 需要随机生成 1~10之间的数字
      let num = getRandom(1, 10) // 5
      // 2. 开始循环 ----> 有一个弹出框 让用户输入数字
      while (true) {
        let num1 = +prompt('请输入数字：')
        if (num1 > num) {
          alert('猜大了')
        } else if (num1 < num) {
          alert('猜小了')
        } else {
          alert('猜对了，太🐮了')
          break
        }
      }
      // 1. 需要随机生成 1~10之间的数字
      // 2. 开始循环 ----> 有一个弹出框 让用户输入数字
      // 3. 拿随机生成的数字与 用户输入的数字比较  如果用户输入的数字比 随机生成的数字要大 则提示 猜大了
      // 3. 拿随机生成的数字与 用户输入的数字比较  如果用户输入的数字比 随机生成的数字要小 则提示 猜小了
      // 3. 拿随机生成的数字与 用户输入的数字比较  相等 提示用户猜对了 退出循环
    </script>
  </body>
</html>

LF721

关注

0
点赞
踩
0

收藏

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

对象介绍对象（object）：JavaScript里的一种数据类型可以理解为是一种无序的数据集合用来描述某个事物例如个人信息描述：静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示动态行为 (点名, 唱, 跳, rap) => 使用函数表示对象使用对象声明语法对象有属...
复制链接

扫一扫