Encontrar la Primera Clave que Coincide

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos la implementación de una función de JavaScript llamada findKey. Esta función está diseñada para ayudarnos a encontrar la primera clave en un objeto que cumpla con una función de prueba proporcionada. Al utilizar Object.keys() y Array.prototype.find(), podemos buscar eficientemente a través de las propiedades de un objeto y devolver la clave deseada.


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-28302{{"Encontrar la Primera Clave que Coincide"}} javascript/data_types -.-> lab-28302{{"Encontrar la Primera Clave que Coincide"}} javascript/arith_ops -.-> lab-28302{{"Encontrar la Primera Clave que Coincide"}} javascript/comp_ops -.-> lab-28302{{"Encontrar la Primera Clave que Coincide"}} javascript/array_methods -.-> lab-28302{{"Encontrar la Primera Clave que Coincide"}} javascript/destr_assign -.-> lab-28302{{"Encontrar la Primera Clave que Coincide"}} end

Función para Encontrar la Primera Clave que Coincide con una Prueba

Para encontrar la primera clave en un objeto que coincida con una función de prueba dada, use la función findKey(). Primero, obtenga todas las propiedades del objeto usando Object.keys(). Luego, aplique la función de prueba a cada par clave-valor usando Array.prototype.find(). La función de prueba debe tomar tres argumentos: el valor, la clave y el objeto. La función devuelve la primera clave que satisface la función de prueba o undefined si no se encuentra ninguna.

A continuación, se muestra una implementación de ejemplo de findKey():

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

Para usar findKey(), pase el objeto y la función de prueba como argumentos:

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

En este ejemplo, findKey() devuelve la primera clave en el objeto donde el valor de la propiedad active es true, que es 'barney'.

Resumen

¡Felicitaciones! Has completado el laboratorio de Encontrar la Primera Clave que Coincide. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.