JS 给对象赋值|极客笔记

JS 给对象赋值

在JavaScript中，对象是一种非常重要的数据类型，它允许我们以键值对的方式存储和访问数据。在JS中，对象是一种复合数据类型，它可以包含多个属性（键值对），每个属性都有一个键和一个值。我们可以通过给对象赋值来操作对象的属性，这样可以动态地修改对象的内容。

创建对象

在JS中，我们可以通过直接赋值的方式创建对象，也可以通过构造函数或对象字面量来创建对象。先来看一个简单的示例：

// 通过对象字面量创建一个对象
let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

console.log(person); // {name: "Alice", age: 30, gender: "female"}

上面的代码中，我们使用对象字面量的语法创建了一个名为person的对象，对象中包含了name、age和gender三个属性。我们可以通过console.log()方法来输出这个对象。

给对象赋值

给对象赋值是一种常见的操作，我们可以使用点号.或方括号[]来给对象的属性赋值。下面我们分别来看两种方式的示例：

点号赋值

使用点号来给对象赋值是一种简洁的方式，但是只能使用合法的标识符作为属性名，不能使用关键字或保留字。示例如下：

let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

// 使用点号给对象赋值
person.job = 'engineer';
console.log(person); // {name: "Alice", age: 30, gender: "female", job: "engineer"}

在上面的代码中，我们给person对象动态添加了一个job属性，并给属性赋值为engineer。

方括号赋值

使用方括号来给对象赋值可以使用变量或表达式作为属性名，这种方式更加灵活。示例如下：

let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

// 使用方括号给对象赋值
let key = 'job';
person[key] = 'engineer';
console.log(person); // {name: "Alice", age: 30, gender: "female", job: "engineer"}

在上面的代码中，我们先定义了一个变量key，然后使用方括号和变量key来给person对象赋值，效果和点号赋值是一样的。

更新对象属性的值

除了给对象新增属性外，我们还可以更新对象属性的值。通过给对象已有属性赋值，我们可以更新属性的值。示例如下：

let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

// 更新对象属性的值
person.age = 31;
console.log(person); // {name: "Alice", age: 31, gender: "female"}

在上面的代码中，我们更新了person对象中age属性的值为31。

删除对象属性

如果我们想删除对象中的某个属性，可以使用delete关键字。示例如下：

let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

// 删除对象属性
delete person.age;
console.log(person); // {name: "Alice", gender: "female"}

在上面的代码中，我们使用delete关键字删除了person对象中的age属性。

遍历对象属性

当对象的属性较多时，我们通常需要遍历对象的属性。可以使用for..in循环或Object.keys()方法来遍历对象的属性。示例如下：

let person = {
    name: 'Alice',
    age: 30,
    gender: 'female'
};

// 使用for..in循环遍历对象属性
for (let key in person) {
    console.log(key, person[key]);
}

// 使用Object.keys()方法获取对象的属性
let keys = Object.keys(person);
console.log(keys); // ["name", "age", "gender"]

上面的代码中，我们使用for..in循环和Object.keys()方法分别遍历了person对象的属性。