IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript 对象 -> 正文阅读

[JavaScript知识库]JavaScript 对象

对象介绍

对象(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>

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-11 15:37:53  更:2021-12-11 15:38:49 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:03:03-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码