JavaScript/对象/练习

主题: 对象

1. 发挥创意。

• 创建一个对象，描述你的某些身体或心理属性。
• 使用 alert 命令显示该对象。
• 使用 alert 命令仅显示该对象中最重要的属性。
• 向对象添加另一个属性。再次显示完整的对象。
• 删除最不重要的属性。再次显示完整的对象。

点击查看答案

"use strict";

// an example

// literal notation
const me = {height:"165 cm", weight: "63 kg", hairColor: "blond"};
alert(JSON.stringify(me));
alert(JSON.stringify(me.height));

me.friendliness = "medium";
alert(JSON.stringify(me));

delete me.hairColor;
alert(JSON.stringify(me));

---

2. 仓库里的商品。

• 创建两个对象 shoe_1 和 shoe_2，它们代表鞋子。使用字面量表示法。
• 创建另外两个对象 shirt_1 和 shirt_2，它们代表衬衫。首先创建空对象。然后向对象添加属性。
• 创建一个对象 warehouse，并将所有 4 个对象添加到其中。
• 显示仓库对象中第 4 个商品的价格。

点击查看答案

"use strict";

// literal notation
const shoe_1 = {category:"shoes", type: "sandals", size: 8, color: "brown"};
const shoe_2 = {category:"shoes", type: "high heels", size: 7, color: "silver", price: "94.50"};

// add properties
const shirt_1 = {};
shirt_1.category = "shirts";
shirt_1.size = "XL";
shirt_1["color"] = "blue";
shirt_1["material"] = "cotton";
alert(JSON.stringify(shirt_1));

// mixture
const shirt_2 = {size: "S", color: "green" };
shirt_2.category = "shirts";
shirt_2.price = 19.99;
alert(JSON.stringify(shirt_2));

const warehouse = {prod_1: {...shoe_1}, prod_2: {...shoe_2}, prod_3: {...shirt_1}, prod_4: {...shirt_2} };
alert(JSON.stringify(warehouse));

// the price of the 4.-th product
alert(JSON.stringify(warehouse.prod_4.price));

这个例子不是非常优雅，但展示了不同的技术。在生产环境中，你可能会使用循环和数组。