¿Cómo declarar un objeto con un nombre de propiedad calculado en JavaScript?

En este artículo, aprendemos cómo declarar un objeto con un nombre de propiedad calculado. Antes de comenzar este artículo, debemos conocer los objetos javascript.

Objeto Javascript: los objetos Javascript contienen pares clave-valor en los que la clave representa una propiedad de la que podemos obtener y establecer el valor del objeto. Ahora veremos cómo declarar un objeto con un nombre de propiedad calculado. 

Método 1: Usaremos la expresión dentro de [ ] (corchete) para crear el nombre de una propiedad de objeto. En ES6, es posible utilizar una expresión entre paréntesis ‘[ ]’. Dependiendo del resultado de la expresión, se asignará un nombre de propiedad a un objeto. 

<script>
    let LAST_NAME = "lastname";
    let fullname = {
        firstname: "somya",
        [LAST_NAME]: "jain"
    };
    console.log(
        "My fullname is: " + fullname.firstname
            + " " + fullname.lastname
    );
</script>

Producción:

My fullname is: somya jain

Método 2: en este método, crearemos el nombre de la propiedad de un objeto dinámicamente. Como parte de este método, crearemos dinámicamente un objeto y agregaremos un nombre de propiedad y asignaremos un valor a esa propiedad específica para crear un par clave-valor personalizado.  

Sintaxis:

objectname["name of the property name"]=value

<script>
    let LAST_NAME = "lastname";
    let fullname = {
        firstname: "somya"
    };
    fullname[LAST_NAME] = "jain";
    console.log(
        "My fullname is: " + fullname.firstname
            + " " + fullname.lastname
    );
</script>

Producción:

My fullname is: somya jain