¿Cómo manejar una clave indefinida en JavaScript?

En este artículo, intentaremos analizar cómo podemos manejar una clave indefinida (o una propiedad de un objeto) en JavaScript usando ciertas técnicas o enfoques (a través de algunos ejemplos de codificación).

En primer lugar, analicemos rápidamente cómo podemos crear un objeto con ciertas claves junto con sus valores usando la siguiente sintaxis:

Sintaxis:

let object_name = {
    property_name : value,
    ...
}

Veamos ahora el siguiente ejemplo rápido ilustrado que nos ayudará a comprender la sintaxis de creación de objetos:

Ejemplo:  En este ejemplo, simplemente crearemos un objeto con ciertas propiedades que tengan ciertos valores en ellas.

<script>
    let employee_details = {
      firstName: "ABC",
      lastName: "DEF",
      age: 22,
      designation: "Technical Content Writer",
      organizationName: "GeeksforGeeks",
    };
  
    console.log(employee_details);
    console.log(
      `Complete name of an employee is 
          ${employee_details.firstName} 
        ${employee_details.lastName}`
    );
</script>

Producción:

{
  firstName: 'ABC',
  lastName: 'DEF',
  age: 22,
  designation: 'Technical Content Writer',
  organizationName: 'GeeksforGeeks'
}
Complete name of an employee is ABC DEF

Ahora que hemos entendido el proceso de creación de objetos, veamos algunos de los siguientes enfoques/condiciones/casos ilustrados a través de los cuales entenderíamos fácilmente la declaración del problema (que es el manejo de una clave indefinida):

Enfoque 1: en este enfoque, usaremos el mismo objeto que hemos creado en el ejemplo anterior e intentaremos acceder a una clave que no está definida en ese objeto y también manejaremos el error.

Ejemplo 1:

<script>
    let employee_details = {
        firstName: "ABC",
        lastName: "DEF",
        age: 22,
        designation: "Technical Content Writer",
        organizationName: "GeeksforGeeks",
    };
  
    console.log(
        `Address of an employee is : 
            ${employee_details?.address ?? "not found"}`
    );
</script>

Producción:

Address of an employee is : not found

Ejemplo 2: 

<script>
    let employee_details = {
        firstName: "ABC",
        lastName: "DEF",
        age: 22,
        designation: "Technical Content Writer",
        organizationName: "GeeksforGeeks",
    };
  
    console.log(
        `Address of an employee is : 
          ${"address" in employee_details ? 
          employee_details.address : 
          "not found"
        }`
    );
</script>

Producción: 

Address of an employee is : not found

Enfoque 2: en este enfoque, usaremos el mismo objeto, pero aquí agregaremos una clave (o propiedad) más explícitamente con el valor como «indefinido» y luego veremos el resultado al acceder a él.

Ejemplo:

<script>
    let employee_details = {
      firstName: "ABC",
      lastName: "DEF",
      age: 22,
      designation: "Technical Content Writer",
      organizationName: "GeeksforGeeks",
      address: undefined,
    };
  
    console.log(
      `Address of an employee is : ${
        employee_details?.address === undefined
          ? "not defined"
          : employee_details.address
      }`
    );
</script>

Producción:

Address of an employee is : not defined