在 JavaScript 中查找最后一个匹配键

简介

在本实验中，我们将探索一个名为 findLastKey() 的 JavaScript 函数，它能帮助我们在对象中找到最后一个符合给定条件的键。我们将学习如何使用 Object.keys()、Array.prototype.reverse() 和 Array.prototype.find() 来实现这个函数，并了解在处理对象时如何使用它来简化我们的代码。在本实验结束时，你将更好地理解如何处理 JavaScript 对象，以及如何使用 findLastKey() 函数使你的代码更简洁高效。

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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28305{{"查找最后一个匹配键"}} javascript/data_types -.-> lab-28305{{"查找最后一个匹配键"}} javascript/arith_ops -.-> lab-28305{{"查找最后一个匹配键"}} javascript/comp_ops -.-> lab-28305{{"查找最后一个匹配键"}} javascript/array_methods -.-> lab-28305{{"查找最后一个匹配键"}} javascript/destr_assign -.-> lab-28305{{"查找最后一个匹配键"}} end

查找符合条件的最后一个键的函数

要在对象中找到满足给定条件的最后一个键，请使用 findLastKey 函数。此函数接受一个对象和一个测试函数作为参数。如果找到匹配的键，函数将返回该键。否则，它将返回 undefined。以下是该函数查找最后一个键的步骤：

使用 Object.keys() 获取对象的所有属性。
使用 Array.prototype.reverse() 反转键的顺序。
使用 Array.prototype.find() 对每个键值对测试提供的函数。回调函数接收三个参数 —— 值、键和对象。
如果找到匹配的键，则返回它。

const findLastKey = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .find((key) => fn(obj[key], key, obj));

以下是使用 findLastKey 的示例：

findLastKey(
  {
    barney: { age: 36, active: true },
    fred: { age: 40, active: false },
    pebbles: { age: 1, active: true }
  },
  (x) => x["active"]
); // 'pebbles'

要使用此函数，请打开终端/SSH 并输入 node 开始练习编码。

总结

恭喜你！你已完成“查找最后一个匹配键”实验。你可以在 LabEx 中练习更多实验来提升你的技能。