JavaScript : 对象object

层叠样式表广东分表
104 阅读3分钟

什么是对象?

  • JavaScript 里的一种数据类型

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

1. 特点

  • 无序的数据的集合
  • 可以详细的描述描述某个事物

2. 对象的使用

对象声明语法

image.png

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

对象有属性和方法组成

  • 属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…
  • 方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…

image.png

 let goods = {
            name: '小米',
            num: 1000032313,
            weight: '0.55kg',
            address: '中国大陆'
  }

属性

image.png

  • 数据描述性的信息称为属性，如人的姓名、身高、年龄、性别等，一般是名词性的。
  • 属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔
  • 多个属性之间使用英文 , 分隔
  • 属性就是依附在对象上的变量（外面是变量，对象内是属性）
  • 属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等

属性访问

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

image.png

  • 方式

    • 点形式 对象.属性
    • [] 形式 对象[‘属性’]

  • 两种方式的区别

    • 点后面的属性名一定不要加引号
    • [] 里面的属性名一定加引号
    • 后期不同使用场景会用到不同的写法

对象中的方法

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

image.png

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

对象中的方法访问

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

image.png

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

  • 对象.方法 person.sayHi()
  • 对象方法跟函数一样可以传递参数

操作对象

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

image.png

  • 增加属性

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

      image.png

  • 新增对象中的方法

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

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

  • 遍历对象

    • 对象没有像数组一样的length属性,所以无法确定长度

    • 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

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

3. 内置对象

JavaScript内部提供的对象, 包含各种属性和方法给开发者调用

  • document.write()
  • console.log()
  • ....

内置对象Math

  • Math对象是JavaScript提供的一个"数学高手"对象

  • 提供了一系列做数学运算的方法

  • 方法

    • random : 生成0-1之间的随机数[0 ,1)
    • ceil : 向上取整
    • floor : 向下取整
    • max : 找最大数
    • min : 找最小数
    • pow : 幂运算
    • abs : 绝对值
avatar
文章
阅读
粉丝