JavaScript 数组操作 | Dropwhile 函数

简介

在本实验中，我们将探索 JavaScript 中的 dropWhile 函数。该函数允许我们根据指定条件从数组中删除元素，直到该条件不再满足为止。完成本实验后，你将更好地理解如何在自己的代码中使用 dropWhile 来过滤和操作数组。

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") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") subgraph Lab Skills javascript/variables -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} javascript/data_types -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} javascript/arith_ops -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} javascript/comp_ops -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} javascript/loops -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} javascript/array_methods -.-> lab-28278{{"探索 JavaScript 的 dropWhile 函数"}} end

根据函数移除数组元素

要从数组中移除特定元素，请使用 dropWhile 函数，该函数会移除元素，直到传入的函数返回 true。然后，该函数会返回数组中剩余的元素。

其工作原理如下：

使用 Array.prototype.slice() 遍历数组，以删除数组的第一个元素，直到 func 返回的值为 true。
返回剩余的元素。

示例用法：

const dropWhile = (arr, func) => {
  while (arr.length > 0 && !func(arr[0])) arr = arr.slice(1);
  return arr;
};

dropWhile([1, 2, 3, 4], (n) => n >= 3); // [3, 4]

要开始练习编码，请打开终端/SSH 并输入 node。

总结

恭喜你！你已经完成了“根据函数从左侧删除数组元素”实验。你可以在 LabEx 中练习更多实验来提升你的技能。