数组中最长的元素

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在这个实验中,我们将探索如何使用 JavaScript 找到数组中最长的元素。我们将使用 reduce() 方法来比较数组中对象的长度,并返回最长的那个。这个实验将让你实际了解如何在 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-28475{{"`数组中最长的元素`"}} javascript/data_types -.-> lab-28475{{"`数组中最长的元素`"}} javascript/arith_ops -.-> lab-28475{{"`数组中最长的元素`"}} javascript/comp_ops -.-> lab-28475{{"`数组中最长的元素`"}} javascript/higher_funcs -.-> lab-28475{{"`数组中最长的元素`"}} javascript/spread_rest -.-> lab-28475{{"`数组中最长的元素`"}} end

如何找到数组中最长的元素

要找到数组中最长的元素,请打开终端/SSH 并输入 node。该函数接受任意数量的可迭代对象或具有 length 属性的对象,并返回最长的那个。它使用 Array.prototype.reduce() 来比较对象的长度并找到最长的那个。如果多个对象具有相同的长度,该函数返回第一个。如果没有提供参数,则返回 undefined

以下是代码:

const longestItem = (...vals) =>
  vals.reduce((a, x) => (x.length > a.length ? x : a));

你可以这样使用该函数:

longestItem("this", "is", "a", "testcase"); // 'testcase'
longestItem(...["a", "ab", "abc"]); // 'abc'
longestItem(...["a", "ab", "abc"], "abcd"); // 'abcd'
longestItem([1, 2, 3], [1, 2], [1, 2, 3, 4, 5]); // [1, 2, 3, 4, 5]
longestItem([1, 2, 3], "foobar"); // 'foobar'

总结

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

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