前端从入门到精通---对象(Object)

Javascript中一切皆可看作是对象，比如一个人，可看作是一个对象，他有身高、年龄、体重 等属性，有 吃饭、睡觉 等动作, 对象存储 值/键对, 值为对象的属性，键为对象属性的值。

• 对象的声明

// 用 {} 表示一个对象
var obj1 = {}

// 用 new 声明
var obj2 = new Object()

• 声明对象的属性和方法

对象的属性或方法使用.来声明或赋值。

var person = {} // 定义一个人对象
person.height = 170 // 定义身高为 170
person.age = 25 // 定义年龄为 25
person.weight = 120 // 定义体重为 120
person.eat = function () { // 定义吃饭动作
    console.log('吃饭')
}

person.sleep = function () { // 定义睡觉动作
    console.log('睡觉')
}
console.log('对象为:', person) // {height: 170, age: 25, weight: 120, eat: ƒ, sleep: ƒ}

也可以直接在 {} 中直接赋值, 需要使用 : 来定义属性或方法, 用 , 表示结尾。

var person = { // 定义一个人对象
  height:170,
  age: 25, 
  weight: 120,
  eat: function () {
    console.log('吃饭')
  },
  sleep: function () {
    console.log('睡觉')
  },    
}

• 上面声明了一个对象人，给其定义了以下属性及动作:

  • 身高: height(170)
  • 年龄: age(25)
  • 体重: weight(120)
  • 吃饭(eat)
  • 睡觉(sleep)

• 最后输出结果为：{height: 170, age: 25, weight: 120, eat: ƒ, sleep: ƒ}，其中ƒ表示函数。

• 对象的使用

调用对象的属性使用对象.xxx，方法使用对象.xxx()

// 使用上面的 person 对象
console.log('身高', person.height) // 170
console.log('年龄', person.age) // 25
console.log('体重', person.weight) // 120
console.log('吃饭', person.eat()) // 吃饭
console.log('睡觉', person.sleep()) // 睡觉

• 对象的遍历

对象的遍历请参考下一章节中的 for/in 循环。

下一节我们将认识一下Javascript的数组。