freeCodeCamp 课程挑战实战Return Largest Numbers in Arrays 的题目解析、官方解法与测试机制【免费下载链接】freeCodeCampfreeCodeCamp.orgs open-source codebase and curriculum. Learn math, programming, and computer science for free.项目地址: https://gitcode.com/GitHub_Trending/fr/freeCodeCamp本文以 freeCodeCamp 课程curriculum中的 JavaScript 算法练习 Return Largest Numbers in Arrays返回每个子数组的最大值为核心完整讲解题目要求、全部 4 条断言测试、种子代码与官方解法的实现原理并结合仓库中的课程结构文件与挑战类型配置说明该挑战在 freeCodeCamp 课程体系中的定位与执行方式。读完后你不仅能独立写出多种解法还能理解课程 Markdown 挑战文件是如何被校验、如何驱动前端编辑器与测试运行的。题目描述与输入输出约定挑战文件的正文描述description原文为Return an array consisting of the largest number from each provided sub-array. For simplicity, the provided array will contain exactly 4 sub-arrays.即给定一个二维数组外层数组包含若干子数组返回一个新数组新数组的第 i 个元素是原数组第 i 个子数组中的最大值。为降低难度题目约定输入数组恰好包含 4 个子数组且每个子数组恰好含 4 个数字。描述中还给出了一条学习提示可以用简单的 for 循环遍历数组并通过数组语法arr[i]访问每个成员——这也是本题面向的知识点循环 数组下标访问 比较操作。输入输出约定如下项约定入参arr二维数组长度固定为 4每个子数组为 4 个数字出参一维数字数组长度 4result[i]为arr[i]中最大的数函数名largestOfFour边界情况子数组元素可能全部为负数最大值仍是其中最大的负数全部断言测试hints逐条解读题目文件中的# --hints--区块定义了 4 条断言它们是判定解法是否通过的唯一标准完整继承如下。测试 1返回值必须是数组largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])应当返回一个数组assert.isArray( largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]) );这条测试只检查类型用于拦住返回单个最大值或返回对象之类的实现。测试 2常规正数输入largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])应返回[27, 5, 39, 1001]assert.deepEqual( largestOfFour([ [13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1] ]), [27, 5, 39, 1001] );测试 3最大值可能位于子数组任意位置largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])应返回[9, 35, 97, 1000000]assert.deepEqual( largestOfFour([ [4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1] ]), [9, 35, 97, 1000000] );最大值分别出现在各子数组的第 2、2、3、1 个位置验证实现不能只比较固定下标。测试 4全负数子数组largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])应返回[25, 48, 21, -3]assert.deepEqual( largestOfFour([ [17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10] ]), [25, 48, 21, -3] );最后一组[-72, -3, -17, -10]的最大值是-3。这条测试专门拦截初始最大值写成 0这类错误——如果求最大值时把比较基线设为0全负数子数组会错误地返回0。种子代码seed# --seed--区块给出了学员在代码编辑器中看到的初始代码函数体只是原样返回入参任务就是把return arr;替换为真正的求解逻辑function largestOfFour(arr) { return arr; } largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]);官方解法解析map Math.max.apply# --solutions--区块给出的官方参考答案只有核心一行function largestOfFour(arr) { return arr.map(subArr Math.max.apply(null, subArr)); } largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]);实现要点拆解arr.map(subArr ...)对每个子数组执行一次求最大值操作map自动把每次的返回值按顺序收集成新数组天然满足返回一个数组、顺序与原数组一致的要求。Math.max.apply(null, subArr)Math.max的签名是变参函数Math.max(a, b, c, ...)而subArr是一个数组。apply的作用正是把一个数组展开为函数的实参列表因此Math.max.apply(null, subArr)等价于依次把subArr的每个元素传给Math.max第一个参数this绑定为nullMath.max不依赖this。该写法与展开运算符写法Math.max(...subArr)语义完全等价官方解法采用apply是兼容更早 JavaScript 运行环境的经典习惯。备选解法从 for 循环到 reduce题目描述提示使用 for 循环与arr[i]访问下面给出与该提示一致的朴素解法以及两种函数式变体均可通过上述 4 条断言。解法一双层 for 循环对应题目提示的写法function largestOfFour(arr) { const result []; for (let i 0; i arr.length; i) { let max arr[i][0]; // 用子数组首个元素作基线避免 0 对全负数失效 for (let j 1; j arr[i].length; j) { if (arr[i][j] max) { max arr[i][j]; } } result.push(max); } return result; }注意比较基线取arr[i][0]而非0这是通过测试 4全负数子数组的关键。解法二map reducefunction largestOfFour(arr) { return arr.map(subArr subArr.reduce((max, num) (num max ? num : max)) ); }reduce不传初始值时累加器初始为数组第一个元素同样天然规避了全负数场景的基线问题。解法三map sort不推荐但可理解function largestOfFour(arr) { return arr.map(subArr Math.max(...subArr) // 或 subArr.slice().sort((a, b) b - a).pop() ); }sort默认按字符串字典序比较数字必须显式提供(a, b) b - a数值比较器且sort会原地修改数组需要先slice()拷贝避免污染入参。相比之下Math.max方案既简洁又无副作用。该挑战在 freeCodeCamp 课程仓库中的组织方式以下结合仓库文件说明这道题是如何被课程系统装载与执行的帮助理解挑战文件的每个字段。挑战文件的元数据frontmatterchallenge 文件 的 YAML frontmatter 为--- id: a789b3483989747d63b0e427 title: Return Largest Numbers in Arrays challengeType: 1 forumTopicId: 16042 dashedName: return-largest-numbers-in-arrays ---其中challengeType: 1的含义可在共享配置 challenge-types.ts 中确认常量js 1即本题属于 JavaScript 挑战。同一文件中还有两个与本类挑战的执行方式直接相关的映射表viewTypes 中[js]: classic说明该挑战在前端渲染时走 classic 挑战视图对应模板目录 classicsubmitTypes 中[js]: tests说明完成提交走tests路径——即本文前面列出的断言会在沙箱环境中对用户代码执行全部通过才算完成。而forumTopicId: 16042与dashedName: return-largest-numbers-in-arrays则分别用于论坛主题关联和 URL 友好命名。在 Block 中的位置课程 block 的结构定义在 basic-algorithm-scripting.json 中。该文件声明了dashedName: basic-algorithm-scripting、helpCategory: JavaScript以及 16 道挑战的challengeOrder。本题id: a789b3483989747d63b0e427标题 Return Largest Numbers in Arrays在challengeOrder中排在第 5 位第 22-25 行位于 Factorialize a Number 之后、Confirm the Ending 之前文件末尾的blockLayout: legacy-challenge-list表明该 block 使用传统的挑战列表布局展示。挑战文件的结构约束课程仓库用 Joi 对挑战 Markdown 做结构校验核心 schema 位于 challenge-schema.js并配有 快照测试 固化 schema 形态。本题文件采用的分区标记——# --description--、# --hints--、# --seed--含## --seed-contents--、# --solutions--——正是课程解析器识别的标准区块description 渲染为题目区hints 渲染为测试断言seed-contents 注入代码编辑器solutions 仅供答案展示使用。从源码结构看这些区块名与 schema/解析层一一对应这也是为什么本文件中每个区块标题必须严格使用# --xxx--形式。小结本题的契约输入 4 个各含 4 个数字的子数组返回每个子数组最大值组成的数组4 条断言分别覆盖类型检查、常规输入、最大值位置变化、全负数子数组三类场景。官方解法一行核心arr.map(subArr Math.max.apply(null, subArr))其中apply负责把子数组展开为Math.max的变参实参map reduce、双层for循环是等价的替代写法。在仓库层面该挑战由 挑战文件、block 结构文件、挑战类型配置 与 schema 校验 共同承载challengeType: 1决定 classic 视图与tests提交方式断言通过后即判定挑战完成。【免费下载链接】freeCodeCampfreeCodeCamp.orgs open-source codebase and curriculum. Learn math, programming, and computer science for free.项目地址: https://gitcode.com/GitHub_Trending/fr/freeCodeCamp创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 freeCodeCamp 课程挑战实战：Return Largest Numbers in Arrays 的题目解析、官方解法与测试机制
freeCodeCamp 课程挑战实战Return Largest Numbers in Arrays 的题目解析、官方解法与测试机制【免费下载链接】freeCodeCampfreeCodeCamp.orgs open-source codebase and curriculum. Learn math, programming, and computer science for free.项目地址: https://gitcode.com/GitHub_Trending/fr/freeCodeCamp本文以 freeCodeCamp 课程curriculum中的 JavaScript 算法练习 Return Largest Numbers in Arrays返回每个子数组的最大值为核心完整讲解题目要求、全部 4 条断言测试、种子代码与官方解法的实现原理并结合仓库中的课程结构文件与挑战类型配置说明该挑战在 freeCodeCamp 课程体系中的定位与执行方式。读完后你不仅能独立写出多种解法还能理解课程 Markdown 挑战文件是如何被校验、如何驱动前端编辑器与测试运行的。题目描述与输入输出约定挑战文件的正文描述description原文为Return an array consisting of the largest number from each provided sub-array. For simplicity, the provided array will contain exactly 4 sub-arrays.即给定一个二维数组外层数组包含若干子数组返回一个新数组新数组的第 i 个元素是原数组第 i 个子数组中的最大值。为降低难度题目约定输入数组恰好包含 4 个子数组且每个子数组恰好含 4 个数字。描述中还给出了一条学习提示可以用简单的 for 循环遍历数组并通过数组语法arr[i]访问每个成员——这也是本题面向的知识点循环 数组下标访问 比较操作。输入输出约定如下项约定入参arr二维数组长度固定为 4每个子数组为 4 个数字出参一维数字数组长度 4result[i]为arr[i]中最大的数函数名largestOfFour边界情况子数组元素可能全部为负数最大值仍是其中最大的负数全部断言测试hints逐条解读题目文件中的# --hints--区块定义了 4 条断言它们是判定解法是否通过的唯一标准完整继承如下。测试 1返回值必须是数组largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])应当返回一个数组assert.isArray( largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]) );这条测试只检查类型用于拦住返回单个最大值或返回对象之类的实现。测试 2常规正数输入largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])应返回[27, 5, 39, 1001]assert.deepEqual( largestOfFour([ [13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1] ]), [27, 5, 39, 1001] );测试 3最大值可能位于子数组任意位置largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])应返回[9, 35, 97, 1000000]assert.deepEqual( largestOfFour([ [4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1] ]), [9, 35, 97, 1000000] );最大值分别出现在各子数组的第 2、2、3、1 个位置验证实现不能只比较固定下标。测试 4全负数子数组largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])应返回[25, 48, 21, -3]assert.deepEqual( largestOfFour([ [17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10] ]), [25, 48, 21, -3] );最后一组[-72, -3, -17, -10]的最大值是-3。这条测试专门拦截初始最大值写成 0这类错误——如果求最大值时把比较基线设为0全负数子数组会错误地返回0。种子代码seed# --seed--区块给出了学员在代码编辑器中看到的初始代码函数体只是原样返回入参任务就是把return arr;替换为真正的求解逻辑function largestOfFour(arr) { return arr; } largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]);官方解法解析map Math.max.apply# --solutions--区块给出的官方参考答案只有核心一行function largestOfFour(arr) { return arr.map(subArr Math.max.apply(null, subArr)); } largestOfFour([ [4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1] ]);实现要点拆解arr.map(subArr ...)对每个子数组执行一次求最大值操作map自动把每次的返回值按顺序收集成新数组天然满足返回一个数组、顺序与原数组一致的要求。Math.max.apply(null, subArr)Math.max的签名是变参函数Math.max(a, b, c, ...)而subArr是一个数组。apply的作用正是把一个数组展开为函数的实参列表因此Math.max.apply(null, subArr)等价于依次把subArr的每个元素传给Math.max第一个参数this绑定为nullMath.max不依赖this。该写法与展开运算符写法Math.max(...subArr)语义完全等价官方解法采用apply是兼容更早 JavaScript 运行环境的经典习惯。备选解法从 for 循环到 reduce题目描述提示使用 for 循环与arr[i]访问下面给出与该提示一致的朴素解法以及两种函数式变体均可通过上述 4 条断言。解法一双层 for 循环对应题目提示的写法function largestOfFour(arr) { const result []; for (let i 0; i arr.length; i) { let max arr[i][0]; // 用子数组首个元素作基线避免 0 对全负数失效 for (let j 1; j arr[i].length; j) { if (arr[i][j] max) { max arr[i][j]; } } result.push(max); } return result; }注意比较基线取arr[i][0]而非0这是通过测试 4全负数子数组的关键。解法二map reducefunction largestOfFour(arr) { return arr.map(subArr subArr.reduce((max, num) (num max ? num : max)) ); }reduce不传初始值时累加器初始为数组第一个元素同样天然规避了全负数场景的基线问题。解法三map sort不推荐但可理解function largestOfFour(arr) { return arr.map(subArr Math.max(...subArr) // 或 subArr.slice().sort((a, b) b - a).pop() ); }sort默认按字符串字典序比较数字必须显式提供(a, b) b - a数值比较器且sort会原地修改数组需要先slice()拷贝避免污染入参。相比之下Math.max方案既简洁又无副作用。该挑战在 freeCodeCamp 课程仓库中的组织方式以下结合仓库文件说明这道题是如何被课程系统装载与执行的帮助理解挑战文件的每个字段。挑战文件的元数据frontmatterchallenge 文件 的 YAML frontmatter 为--- id: a789b3483989747d63b0e427 title: Return Largest Numbers in Arrays challengeType: 1 forumTopicId: 16042 dashedName: return-largest-numbers-in-arrays ---其中challengeType: 1的含义可在共享配置 challenge-types.ts 中确认常量js 1即本题属于 JavaScript 挑战。同一文件中还有两个与本类挑战的执行方式直接相关的映射表viewTypes 中[js]: classic说明该挑战在前端渲染时走 classic 挑战视图对应模板目录 classicsubmitTypes 中[js]: tests说明完成提交走tests路径——即本文前面列出的断言会在沙箱环境中对用户代码执行全部通过才算完成。而forumTopicId: 16042与dashedName: return-largest-numbers-in-arrays则分别用于论坛主题关联和 URL 友好命名。在 Block 中的位置课程 block 的结构定义在 basic-algorithm-scripting.json 中。该文件声明了dashedName: basic-algorithm-scripting、helpCategory: JavaScript以及 16 道挑战的challengeOrder。本题id: a789b3483989747d63b0e427标题 Return Largest Numbers in Arrays在challengeOrder中排在第 5 位第 22-25 行位于 Factorialize a Number 之后、Confirm the Ending 之前文件末尾的blockLayout: legacy-challenge-list表明该 block 使用传统的挑战列表布局展示。挑战文件的结构约束课程仓库用 Joi 对挑战 Markdown 做结构校验核心 schema 位于 challenge-schema.js并配有 快照测试 固化 schema 形态。本题文件采用的分区标记——# --description--、# --hints--、# --seed--含## --seed-contents--、# --solutions--——正是课程解析器识别的标准区块description 渲染为题目区hints 渲染为测试断言seed-contents 注入代码编辑器solutions 仅供答案展示使用。从源码结构看这些区块名与 schema/解析层一一对应这也是为什么本文件中每个区块标题必须严格使用# --xxx--形式。小结本题的契约输入 4 个各含 4 个数字的子数组返回每个子数组最大值组成的数组4 条断言分别覆盖类型检查、常规输入、最大值位置变化、全负数子数组三类场景。官方解法一行核心arr.map(subArr Math.max.apply(null, subArr))其中apply负责把子数组展开为Math.max的变参实参map reduce、双层for循环是等价的替代写法。在仓库层面该挑战由 挑战文件、block 结构文件、挑战类型配置 与 schema 校验 共同承载challengeType: 1决定 classic 视图与tests提交方式断言通过后即判定挑战完成。【免费下载链接】freeCodeCampfreeCodeCamp.orgs open-source codebase and curriculum. Learn math, programming, and computer science for free.项目地址: https://gitcode.com/GitHub_Trending/fr/freeCodeCamp创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考