¿Cómo crear valores y objetos dinámicos en JavaScript?

En JavaScript, puede elegir valores dinámicos o nombres de variables y nombres de objetos y elegir editar el nombre de la variable en el futuro sin acceder a la array.

Para hacerlo, puedes crear una variable y asignarle un valor determinado. Luego, mientras esté en la array, cuando esté declarando la variable, use corchetes con el nombre de la variable en ella, y con esto, cuando en el futuro decida cambiar el nombre de la variable, no necesita acceder a toda la array, en su lugar, simplemente puede actualizar el el valor de la variable y la variable en la array cambia automáticamente.

Sintaxis:

const var_name = 'Name';
const = { [var_name] = 'GeeksForGeeks'};

Ejemplo 1:

Javascript

<script>
  const dynamic1 = "Age";
  const dynamic2 = "Marks";
  const user = {
                  Name : "GeeksForGeeks",
                  [dynamic1] : "57",
                  [dynamic2] : "42"
                };
  
  console.log(user);
</script>

Salida: En esta salida a dynamic1 se le asigna el valor ‘Edad’, por lo tanto en la salida se muestra con el nombre de ‘Edad’, por otro lado, a dynamic2 se le asigna con ‘Marcas’ y se muestra con el nombre de ‘ Marcas’ en la salida también.

{
  Age: "57",
  Marks: "42",
  Name: "GeeksForGeeks"
}

Ejemplo 2: Veamos qué pasa si cambiamos los dos valores asignados de dinámico1 y dinámico2 respectivamente.

Javascript

<script>
  const dynamic1 = "Marks";
  const dynamic2 = "Age";
  const user = {
                  Name : "GeeksForGeeks",
                  [dynamic1] : "57",
                  [dynamic2] : "42"
                };
  
  console.log(user);
</script>

Salida: por lo tanto, a partir del código anterior, está claro que cambiar los nombres de las variables sobre el cambio también es visible en los atributos de la array. Por lo tanto, al usar este método, podemos asegurarnos de que no necesitamos revisar la array cada vez que deseamos actualizar el nombre de cualquier variable o su valor.

{
  Age: "42",
  Marks: "57",
  Name: "GeeksForGeeks"
}

Publicación traducida automáticamente

Artículo escrito por shivam70 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *