js 给一个对象添加属性|极客笔记

js 给一个对象添加属性

在Javascript中，我们经常会遇到需要动态添加属性到一个对象的情况。这个过程非常简单，只需要使用点号或者方括号来为对象添加新属性即可。

使用点号添加属性

使用点号为对象添加属性是最常见的方法。假设我们有一个空对象person，现在需要给这个对象添加name和age属性，可以通过以下代码实现：

let person = {};
person.name = "Alice";
person.age = 30;

上面的代码首先创建了一个空对象person，然后使用点号语法给这个对象添加了name和age属性。现在person对象看起来像这样：

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

使用方括号添加属性

除了点号语法，还可以使用方括号语法来给对象添加属性。这种方法在属性名是变量或者包含特殊字符时非常有用。下面是一个使用方括号语法的示例：

let car = {};
let propertyName = "color";
car[propertyName] = "red";

在这个示例中，首先我们创建了一个空对象car，然后定义了一个变量propertyName，并将其值设为color。接下来我们使用方括号语法将color属性添加到car对象中。我们可以通过以下方式来查看car对象的内容：

console.log(car);
// 输出: { color: "red" }

动态添加属性

动态添加属性是指在运行时根据条件来决定要添加的属性名和属性值。这种情况下，我们可以结合使用点号和方括号语法来达到目的。下面是一个动态添加属性的示例：

let student = {};
let key = "grade";
let value = "A";
if (value === "A" || value === "B" || value === "C") {
    student[key] = value;
} else {
    student["grade"] = "Unknown";
}

console.log(student);
// 如果value为"A"或"B"或"C"，输出: { grade: "A" }
// 如果value不为"A"或"B"或"C"，输出: { grade: "Unknown" }

在这个示例中，我们根据条件判断动态添加了grade属性到student对象中。如果value的值是A、B或C，则添加对应的成绩到对象中，否则添加Unknown。这种方式非常灵活，可以根据实际需求动态添加属性。