拆分成块

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何使用 JavaScript 将一个数组拆分成指定大小的较小数组。我们将使用 Array.from()Array.prototype.slice() 方法来创建一个包含指定数量块的新数组。我们还将学习如何处理原始数组不能被均匀拆分的情况。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic 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`") subgraph Lab Skills javascript/variables -.-> lab-28621{{"`拆分成块`"}} javascript/data_types -.-> lab-28621{{"`拆分成块`"}} javascript/arith_ops -.-> lab-28621{{"`拆分成块`"}} javascript/comp_ops -.-> lab-28621{{"`拆分成块`"}} end

如何将数组拆分成特定大小的块

要进行编码练习,请打开终端/SSH 并输入 node

要将数组拆分成指定大小的较小数组,请执行以下步骤:

  1. 使用 Array.from() 创建一个新数组,其长度与要生成的块数相匹配。
  2. 使用 Array.prototype.slice() 将新数组的每个元素映射到一个长度为 size 的块。
  3. 如果原始数组不能被均匀拆分,最后一个块将包含剩余的元素。

以下是一个示例代码片段:

const chunk = (arr, size) =>
  Array.from({ length: Math.ceil(arr.length / size) }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );

你可以通过传入要拆分的数组和所需的块大小来使用此函数。例如:

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

总结

恭喜你!你已经完成了“拆分成块”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

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