En este artículo, aprenderemos a crear un objeto a partir de los pares clave-valor dados usando JavaScript.
Declaración del problema: se le dan diferentes pares clave-valor, en cualquier forma como una array, y al usar esos pares clave-valor necesita construir un objeto que tendrá esos pares clave-valor.
Object{} => Object { "0" : "Geeksforgeeks", "1" : "Hello JavaScript", "2" : "Hello React" }
Enfoque: primero debemos declarar un objeto vacío, con cualquier nombre adecuado, luego, mediante el uso de varias técnicas y métodos de JavaScript, debemos insertar los pares clave-valor dados en el objeto vacío creado previamente.
Primero intentemos entender cómo podríamos crear un objeto vacío en JavaScript. La creación de un objeto vacío en JavaScript se puede lograr de varias maneras.
Ejemplo 1:
let object = {}; console.log(object); Output: {}
Ejemplo 2:
let object = new Object(); console.log(object); Output: {}
Ahora, después de crear el objeto, ahora vamos a analizar los enfoques a través de los cuales podríamos agregar los pares clave-valor dados en ese objeto vacío creado previamente.
A continuación se presentan algunos enfoques para lograr el objetivo mencionado.
Ejemplo 1: Este es el enfoque más simple y nativo. En este enfoque, agregaremos directamente los pares clave-valor en ese objeto vacío creado previamente.
Javascript
<script> let object = {}; let firstKey = 0; let firstKeyValue = "GeeksforGeeks"; let secondKey = 1; let secondKeyValue = "Hello JavaScript"; let thirdKey = 2; let thirdKeyValue = "Hello React"; object[firstKey] = firstKeyValue; object[secondKey] = secondKeyValue; object[thirdKey] = thirdKeyValue; console.log(object); </script>
Producción:
{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }
Ejemplo 2: En este segundo enfoque, usaremos el método Object.assign() que es parte de la superclase Object. Este método copiará todos los valores y agregará esos valores en el objeto como pares clave-valor.
Javascript
<script> let object = {}; let firstKey = 0; let firstKeyValue = "GeeksforGeeks"; let secondKey = 1; let secondKeyValue = "Hello JavaScript"; let thirdKey = 2; let thirdKeyValue = "Hello React"; Object.assign(object, { [firstKey]: firstKeyValue }); Object.assign(object, { [secondKey]: secondKeyValue }); Object.assign(object, { [thirdKey]: thirdKeyValue }); console.log(object); </script>
Producción:
{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }
Ejemplo 3: en este tercer enfoque, consideraremos que nuestras claves y sus valores correspondientes están presentes en una array. Primero ejecutaremos un bucle for sobre la array, y luego agregaremos dinámicamente nuestros datos de las arrays en un objeto vacío como pares clave-valor.
Javascript
<script> let object={}; let keys = [0, 1, 2]; let values = ["GeeksforGeeks", "Hello JavaScript", "Hello React"]; for (let i = 0; i < keys.length; i++) { object[keys[i]] = values[i]; } console.log(object); </script>
Producción:
{ "0": "GeeksforGeeks", "1": "Hello JavaScript", "2": "Hello React" }
Publicación traducida automáticamente
Artículo escrito por amansingla y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA