JavaScript基础之对象

JavaScript基础之对象

在JavaScript中，对象是一种数据类型，其中包含了一组属性和方法，每个属性都有一个值。对象可以通过字面量形式进行创建，也可以通过构造函数进行创建。

对象的创建

字面量创建对象

使用字面量可以很方便地创建一个对象，字面量由一对花括号“{}”表示，对象属性和值之间使用冒号分隔，属性之间使用逗号分隔。

let person = {
  name: '张三',
  age: 18,
  sex: '男'
};

构造函数创建对象

使用构造函数创建对象，需要先定义一个构造函数，然后通过“new”操作符实例化对象，构造函数中定义了属性和方法，实例化的对象会继承这些属性和方法。

function Person(name, age, sex) {
  this.name = name;
  this.age = age;
  this.sex = sex;
  this.sayHello = function() {
    console.log(`hello, my name is ${this.name}, I am ${this.age} years old.`);
  };
}

let person = new Person('张三', 18, '男');

对象的访问

属性的访问

使用点号“.”或方括号“[]”可以访问对象的属性和方法。

console.log(person.name); // 访问name属性
console.log(person['age']); // 访问age属性

方法的访问

使用点号“.”或方括号“[]”访问对象的方法。

person.sayHello(); // 调用sayHello方法

对象的遍历

使用“for...in”循环可以遍历对象的属性。

for(let key in person) {
  console.log(key + ': ' + person[key]);
}

使用“Object.keys()”方法可以获取对象的所有属性名。

let keys = Object.keys(person);
console.log(keys);

示例说明

示例1：使用对象字面量创建一个汽车对象。

let car = {
  brand: 'Audi',
  model: 'A4',
  color: 'blue',
  price: 200000,
  start: function() {
    console.log('The car starts!');
  },
  stop: function() {
    console.log('The car stops!');
  }
};

示例2：使用构造函数创建一个学生对象。

function Student(name, age, sex, score) {
  this.name = name;
  this.age = age;
  this.sex = sex;
  this.score = score;
  this.showInfo = function() {
    console.log(`name: ${this.name}, age: ${this.age}, sex: ${this.sex}, score: ${this.score}`);
  }
}

let stu = new Student('张三', 18, '男', 90);

以上就是关于JavaScript对象的基础知识的完整攻略，包括了对象的创建、访问和遍历，还提供了两个例子说明如何创建和使用对象。