排除不匹配值

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何根据一个谓词函数来过滤数组的值,只返回那些谓词函数返回 false 的值。我们将结合使用 Array.prototype.filter() 和谓词函数来实现这一点。在本实验结束时,你将很好地理解如何在你的 JavaScript 代码中实现这项技术。


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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28580{{"排除不匹配值"}} javascript/data_types -.-> lab-28580{{"排除不匹配值"}} javascript/arith_ops -.-> lab-28580{{"排除不匹配值"}} javascript/comp_ops -.-> lab-28580{{"排除不匹配值"}} javascript/higher_funcs -.-> lab-28580{{"排除不匹配值"}} javascript/spread_rest -.-> lab-28580{{"排除不匹配值"}} end

过滤数组值

要根据谓词函数过滤数组,并仅返回谓词函数返回 false 的值,请执行以下步骤:

  1. Array.prototype.filter() 与谓词函数 pred 结合使用。
  2. 过滤方法将只返回谓词函数返回 false 的值。
  3. 要排除不匹配的值,将谓词函数和数组传递给 reject() 函数。
const reject = (pred, array) => array.filter((...args) => !pred(...args));

以下是一些如何使用 reject() 函数的示例:

reject((x) => x % 2 === 0, [1, 2, 3, 4, 5]); // [1, 3, 5]
reject((word) => word.length > 4, ["Apple", "Pear", "Kiwi", "Banana"]);
// ['Pear', 'Kiwi']

通过遵循这些步骤,你可以轻松地根据谓词函数过滤数组并排除不匹配的值。

总结

恭喜你!你已经完成了「排除不匹配值」实验。你可以在 LabEx 中练习更多实验来提升你的技能。