数组操作 - JavaScript 基础

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

进度 0%

第 7 关：数组操作

JavaScript入门

📖 本课目标

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

🎯 本课要点

数组操作

🛠 学习方式

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

💡 说明

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

main.pytest.py

// 数组操作

const numbers = [3, 1, 4, 1, 5, 9, 2, 6, 5, 3];

// 基本操作
console.log("原数组:", numbers);
console.log("长度:", numbers.length);
console.log("第一个:", numbers[0]);
console.log("最后一个:", numbers[numbers.length - 1]);

// 常用方法
console.log("\n--- 增删元素 ---");
const arr = [1, 2, 3];
arr.push(4);       console.log("push(4):", arr);
arr.unshift(0);    console.log("unshift(0):", arr);
arr.pop();         console.log("pop():", arr);
arr.shift();       console.log("shift():", arr);

// 高阶方法（最常用！）
console.log("\n--- 高阶方法 ---");
const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// map - 转换每个元素
const doubled = nums.map(n => n * 2);
console.log("map (×2):", doubled);

// filter - 筛选元素
const evens = nums.filter(n => n % 2 === 0);
console.log("filter (偶数):", evens);

// reduce - 聚合
const total = nums.reduce((sum, n) => sum + n, 0);
console.log("reduce (求和):", total);

// find / findIndex
const found = nums.find(n => n > 5);
console.log("find (>5):", found);

// sort - 排序
const sorted = [...numbers].sort((a, b) => a - b);
console.log("\nsort (升序):", sorted);

// 链式调用
const result = nums
    .filter(n => n % 2 !== 0)    // 取奇数
    .map(n => n * n)              // 平方
    .reduce((sum, n) => sum + n, 0); // 求和
console.log("\n奇数的平方和:", result);

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

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

📖 查看本课说明

第 7 关：数组操作

JavaScript · 入门 · 《JavaScript 基础》

数组操作

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