0Pricing
JavaScript Academy · 课时

数组与对象解构基础

学习数组和对象解构的基础、跳过项目、设置默认值、重命名，以及一个简单的交换技巧

数组与对象解构基础 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 1 节课，共 2 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 2 节课。

简介

目标：清晰地从数组和对象中提取值。

  • 数组解构
  • 跳过元素与默认值
  • 对象解构
  • 重命名与交换技巧
数组与对象解构基础 — 插图 1

数组基础

数组模式会匹配位置。第一个元素会赋给第一个变量，依此类推。

// Array destructuring: assign by position
const pair = [10, 20];

const [x, y] = pair;

console.log("x:", x);
console.log("y:", y);
数组与对象解构基础 — 插图 2

跳过元素与默认值

使用逗号跳过指定位置。为 undefined 或缺失的元素添加 = default。

// Skip items with commas and provide defaults
const triple = [5, undefined, 9];

// Skip the middle, provide default for missing/undefined
const [first, , third = 0] = triple;

console.log("first:", first);
console.log("third with default:", third);
数组与对象解构基础 — 插图 3

交换技巧

单行交换可以避免使用临时变量。

// Swap values with destructuring
let a = "left";
let b = "right";

[a, b] = [b, a];

console.log("a:", a);
console.log("b:", b);
数组与对象解构基础 — 插图 4

对象基础与重命名

对象会根据键进行匹配。使用 key: localName 重命名，并根据需要添加 = default。

// Object destructuring: assign by property name
const user = { name: "Ayla", level: 2, active: true };

// Basic
const { name, active } = user;

// Renaming and default
const { level: userLevel = 0 } = user;

console.log("name:", name);
console.log("active:", active);
console.log("userLevel:", userLevel);
数组与对象解构基础 — 插图 5

嵌套字段（简单介绍）

您可以一步读取嵌套字段。为便于在移动设备上阅读，请让模式保持简短。

// Nested destructuring (keep it simple)
const config = {
  theme: { primary: "blue", contrast: "white" },
  flags: { compact: true }
};

const { theme: { primary }, flags: { compact } } = config;

console.log("primary:", primary);
console.log("compact:", compact);
数组与对象解构基础 — 插图 6

交换语法小测

快速检查：使用解构进行交换。

数组与对象解构基础 — 插图 7

回顾

回顾：数组按位置解构，对象按键解构。您跳过了元素，使用了默认值，重命名了键，并在一行中交换了值。

数组与对象解构基础 — 插图 8

常见问题解答

「数组与对象解构基础」课时是免费的吗？

是的 — 「数组与对象解构基础」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 2 节课。

「数组与对象解构基础」这节课中我会学到什么？

学习数组和对象解构的基础、跳过项目、设置默认值、重命名，以及一个简单的交换技巧 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 1 节课，共 2 节。

「数组与对象解构基础」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 数组与对象解构基础
  2. 剩余参数与展开语法——数组和对象的惯用写法
← 返回 JavaScript Academy