连续元素子数组

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索使用 JavaScript 创建连续元素子数组的概念。本实验的目标是学习如何使用 JavaScript 中的 Array.prototype.slice()Array.prototype.map() 方法创建一个由连续元素的 n 元组组成的数组。通过实际示例,我们将了解如何用输入数组中的连续元素 n 元组填充数组,并在 n 大于输入数组的长度时返回一个空数组。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28210{{"`连续元素子数组`"}} javascript/data_types -.-> lab-28210{{"`连续元素子数组`"}} javascript/arith_ops -.-> lab-28210{{"`连续元素子数组`"}} javascript/comp_ops -.-> lab-28210{{"`连续元素子数组`"}} javascript/higher_funcs -.-> lab-28210{{"`连续元素子数组`"}} end

连续元素子数组

要进行编码练习,请打开终端/SSH 并输入 node。以下代码创建一个由连续元素的 n 元组组成的数组。

const aperture = (n, arr) =>
  n > arr.length ? [] : arr.slice(n - 1).map((v, i) => arr.slice(i, i + n));

要使用此函数:

  • 调用 aperture(n, arr) 函数,其中 n 为连续元素的数量,arr 为数字数组。
  • 该函数返回一个由 arr 中连续元素的 n 元组组成的数组。
  • 如果 n 大于 arr 的长度,该函数返回一个空数组。

示例用法:

aperture(2, [1, 2, 3, 4]); // [[1, 2], [2, 3], [3, 4]]
aperture(3, [1, 2, 3, 4]); // [[1, 2, 3], [2, 3, 4]]
aperture(5, [1, 2, 3, 4]); // []

总结

恭喜你!你已经完成了“连续元素子数组”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程