在JavaScript数组中过滤虚假值

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将深入探讨在 JavaScript 中使用数组的概念。你将学习如何使用 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`") subgraph Lab Skills javascript/variables -.-> lab-28204{{"`在JavaScript数组中过滤虚假值`"}} javascript/data_types -.-> lab-28204{{"`在JavaScript数组中过滤虚假值`"}} javascript/arith_ops -.-> lab-28204{{"`在JavaScript数组中过滤虚假值`"}} javascript/comp_ops -.-> lab-28204{{"`在JavaScript数组中过滤虚假值`"}} javascript/higher_funcs -.-> lab-28204{{"`在JavaScript数组中过滤虚假值`"}} end

如何使用 Array.prototype.filter() 创建精简数组

要在 JavaScript 中创建一个精简数组,你可以使用 Array.prototype.filter() 方法从数组中移除所有虚假值。虚假值包括 falsenull0""undefinedNaN

以下是一个代码片段示例,展示了如何使用 Array.prototype.filter() 创建一个精简数组:

const compact = (arr) => arr.filter(Boolean);

然后,你可以通过传入一个数组作为参数来使用 compact 函数创建一个精简数组。例如:

compact([0, 1, false, 2, "", 3, "a", "e" * 23, NaN, "s", 34]);
// 输出: [ 1, 2, 3, 'a','s', 34 ]

通过这种方式使用 Array.prototype.filter(),你可以轻松创建一个只包含真值的精简数组。

总结

恭喜你!你已经完成了精简数组实验。你可以在 LabEx 中练习更多实验来提升你的技能。

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