Aquí es necesario convertir una array en un objeto. Para ello vamos a utilizar algunos de los métodos más preferidos. Primero aquí hay un método para saber.
Método Object.assign()
Este método copia los valores de todas las propiedades enumerables propias de los objetos de origen (uno o más) a un objeto de destino.
Sintaxis:
Object.assign(target, ...sources)
Parámetros:
- target: Especifica el objeto de destino.
- fuentes: especifica los objetos de origen.
Ejemplo-1: este ejemplo convierte la array en un objeto mediante el uso del método Object.assign() . Para mostrarlo, se utiliza el método JSON.stringify() .
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript
| Convert Array to Object.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP" style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
Convert
</button>
<p id="GFG_DOWN" style="color:green;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var array = [1, 2, 3, 4];
el_up.innerHTML = "Original Array = [" + array + "]";;
function gfg_Run() {
el_down.innerHTML =
JSON.stringify(Object.assign({}, array));
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo convierte la array en objeto mediante la creación de una función que agrega los valores de la array uno por uno al objeto. Para mostrarlo, se utiliza el método JSON.stringify() .
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript
| Convert Array to Object.
</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP" style="font-size: 16px;
font-weight: bold;">
</p>
<button onclick="gfg_Run()">
Convert
</button>
<p id="GFG_DOWN" style="color:green;
font-size: 22px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var array = ['GFG1', 'GFG2', 'GFG3', 'GFG4'];
el_up.innerHTML = "Original Array = [" + array + "]";
function toObject(arr) {
var rv = {};
for (var i = 0; i < arr.length; ++i)
rv[i] = arr[i];
return rv;
}
function gfg_Run() {
el_down.innerHTML = JSON.stringify(toObject(array));
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA