对象基础 - JavaScript 基础

← 返回课程JavaScript 基础 › 第 8 关

进度 0%

第 8 关：对象基础

JavaScript入门

📖 本课目标

本关属于《JavaScript 基础》第 8 课。阅读右侧代码模板，理解每一行的作用，然后动手修改并完成练习。

🎯 本课要点

对象基础
创建对象

🛠 学习方式

阅读右侧代码模板中的注释与实现
修改代码，尝试达成新的效果
点击「运行」查看实际输出
确认理解后点击「提交」标记本关完成

💡 说明

本关为 JavaScript，浏览器可直接运行代码并显示真实输出。

main.pytest.py

// 对象基础

// 创建对象
const student = {
    name: "小明",
    age: 16,
    scores: { math: 95, english: 88, science: 92 },
    hobbies: ["编程", "篮球", "阅读"],
    
    // 方法
    introduce() {
        return "我是" + this.name + "，今年" + this.age + "岁";
    },
    
    getAverage() {
        const scores = Object.values(this.scores);
        return scores.reduce((a, b) => a + b, 0) / scores.length;
    }
};

console.log(student.introduce());
console.log("平均分:", student.getAverage().toFixed(1));
console.log("爱好:", student.hobbies.join(", "));

// 解构赋值
const { name, age, scores: { math } } = student;
console.log("\n解构:", name, age, "数学:", math);

// 展开运算符
const updated = { ...student, age: 17, grade: "高二" };
console.log("\n更新后年龄:", updated.age, "年级:", updated.grade);

// Object 方法
console.log("\n属性列表:", Object.keys(student.scores));
console.log("分数值:", Object.values(student.scores));
console.log("键值对:", Object.entries(student.scores));

// 计算属性名
const field = "score";
const dynamic = { [field + "Math"]: 95, [field + "Eng"]: 88 };
console.log("\n动态属性:", dynamic);

⚠️ 请勿运行 while(true) 死循环，会卡死本页

点击「运行」或「提交代码」查看结果

📖 查看本课说明

第 8 关：对象基础

JavaScript · 入门 · 《JavaScript 基础》

对象基础
创建对象

本关可在浏览器直接运行。