美文网首页
Javascript -day05-对象

Javascript -day05-对象

作者: sheepl | 来源:发表于2022-05-07 08:22 被阅读0次

1. 对象是什么

对象(object):JavaScript里的一种数据类型
可以理解为是一种无序的数据集合
用来描述某个事物,例如描述一个人

人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能

如果用多个变量保存则比较散,用对象比较统一

比如描述 对象的 信息:

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

动态行为 (点名, 唱, 跳, rap) => 使用函数表示
  1. 对象是 : :
    对象是一种数据类型
    无序的数据的集合

  2. 对象有什么特点?
    无序的数据的集合
    可以详细的描述描述某个事物

2. 对象的使用

  1. 对象声明语法
    let 对象名 = { }
// 声明了一个person 的对象
  let person = {}

// 声明了一个person 的对象
  let person = {}

// 声明了一个person 的对象
  let person = {}

// 声明了一个person 的对象
  let person = {}

2.对象有属性和方法组成
属性:信息或叫特征(名词)。 比如 手机尺寸、颜色、重量等…
方法:功能或叫行为(动词)。 比如 手机打电话、发短信、玩游戏…

3. 属性

属性都是成 对出现的,包括属性名和值,它们之间使用英文 : 分隔
多个属性之间使用英文 , 分隔
属性就是依附在对象上的变量(外面是变量,对象内是属性)
属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等

3.1 属性小结

  1. 遍历对象属性没有顺序
  2. 属性和值用 : 隔开
  3. 多个属性用 , 逗号隔开

4. 属性访问

声明对象,并添加了若干属性后,可以使用 . 或 [] 获得对象中属性对应的值,我称之为属性访问。
简单理解就是获得对象里面的属性值。

4.1 属性访问小结
  1. 对象访问属性有哪两种方式?
    点形式 对象 . 属性
    [] 形式 对象[‘属性’]

  2. 两种方式有什么区别?
    点后面的属性名一定不要加引号
    [ ] 里面的属性名加引号,除非它是一个变量
    后期不同使用场景会用到不同的写法

5. 对象中的方法

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

  1. 方法是由方法名和函数两部分构成,它们之间使用 : 分隔
  2. 多个属性之间使用英文 , 分隔
  3. 方法是依附在对象中的函数
  4. 方法名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等

6. 对象中的方法访问

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

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

6.1 方法访问小结
  1. 对象访问方法是如何实现的?
    对象.方法()
    person.sayHi()

  2. 对象方法可以传递参数吗?
    可以,跟函数使用方法基本一致

7. 操作对象

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

  1. 查询对象
    对象.属性 或者 对象[‘属性’]
    对象.方法()

  2. 重新赋值
    对象.属性 = 值
    对象.方法 = function() {}

  3. 对象添加新的数据
    对象名.新属性名 = 新值

  4. 删除对象中属性
    delete 对象名.属性名

    7.1 对象小结

    1. 对象是什么?
      一种数据类型
      可以理解为一堆数据的集合
      用来表示某个事物

    2. 对象的是如何声明和使用的?
      用 {} 把一堆数据包起来
      多个属性和方法之间用逗号隔开
      console.log输出能方便查看对象里有哪些属性和方法

    3. 如何动态添加属性和方法?
      对象如果有这个属性相当于重新赋值
      对象如果没有这个属性相当于动态添加一个属性

8. 遍历对象

  1. 遍历对象
    对象没有像数组一样的length属性,所以无法确定长度
    对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

一般不用这种方式遍历数组、主要是用来遍历对象
一定记住:** k 是获得对象的属性名 对象名[k] 是获得 属性值**

8.1 遍历对象小结
  1. 遍历对象用那个语句?
    - for in
  2. 遍历对象中, for k in obj,获得对象属性是哪个字母,获得值怎么写?
    - 获得对象属性是 k
    - 获得对象值是 obj[k]

9. 内置对象

学习路径
1. 内置对象是什么
2. 内置对象Math
3. 生成任意范围随机数

  1. 内置对象是什么??
    JavaScript内部提供的对象,包含各种属性和方法给开发者调用
    我们之前用过的内置对象有:** document.write()** ** console.log()**

  2. 内置对象Math
    Math对象是JavaScript提供的一个“数学高手”对象
    提供了一系列做数学运算的方法

    方法有:

    1. random:生成0-1之间的随机数(包含0不包括1)
    2. ceil:向上取整
    3. floor:向下取整
    4. max:找最大数
    5. min:找最小数
    6. pow:幂运算
    7. abs:绝对值
    8. Math对象在线文档

拓展-术语解释

目标:知道一些术语,让自己更专业

拓展- 基本数据类型和引用数据类型

目标:了解基本数据类型和引用数据类型的存储方式

简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。

值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型
string ,number,boolean,undefined,null

引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型
通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、function、Date等

1. 简单类型的内存分配

值类型(简单数据类型): string ,number,boolean,undefined,null
值类型变量的数据直接存放在变量(栈空间)中

2. 复杂类型的内存分配

引用类型(复杂数据类型):通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等
引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中

相关文章

网友评论

      本文标题:Javascript -day05-对象

      本文链接:https://www.haomeiwen.com/subject/bubvertx.html