hand Inicio

SERVICIOS

Salir

noched铆a

C贸mo pasar de un objeto a un array en JavaScript (por ejemplo viniendo de php?

100 palabras
1 minutos
June 10, 2020
blogjavascriptphp

Te explico c贸mo transformar un objecto en un array con Object.values

  1. Transformando

Transformando

Transformar un objeto en un array, cu谩ndo lo vamos a necesitar?

La aplicaci贸n obvia es cuando queramos iterar sobre el objeto, esto ya lo hemos visto en entradas anteriores comparando distintos tipos de loops (tienes el blog por si te interesa)

Pero otra aplicaci贸n es cuando literalmente tenemos un array que no es un array

Por ejemplo, cuando tenemos datos importados de php

Esto ocurre (por ejemplo) cuando estamos en WordPress y queremos pasar informaci贸n a JavaScript para poder utilizar React

En ese caso, si queremos exportar las entradas, estas por definici贸n son un array de posts

Pero en php los arrays son raros, son en realidad objects con las keys que apuntan a los n煤meros

js
// JS
const array = ['primero', 'segundo', 'tercero']
console.log(array[0]) // primero
console.log(array[1]) // segundo
console.log(array[2]) // tercero
console.log(array) // ['primero', 'segundo', 'tercero']
php
// PHP
const array = ['primero', 'segundo', 'tercero'];
echo $array[0]; // primero
echo $array[1]; // segundo
echo $array[2]; // tercero
var_dump($array);
/*
array(3) {
[0]=>
string(7) "primero"
[1]=>
string(7) "segundo"
[2]=>
string(7) "tercero"
}
*/

Como puedes ver, la estructura que nos devuelve php es en realidad el equivalente a js a un objeto

js
const array = { '0': 'primero', '1': 'segundo', '2': 'tercero' }
console.log(array['0']) // primero
console.log(array['1']) // segundo
console.log(array['2']) // tercero
console.log(array)
/*
{
0: "primero",
1: "segundo",
2: "tercero"
}
*/

En este caso, tenemos un objeto donde sus keys son simplemente los 铆ndices de lo que ser铆a un array

Lo que queremos, por lo tanto, es algo tan sencillo como utilizar Objet.values

js
const array = { '0': 'primero', '1': 'segundo', '2': 'tercero' }
const object = Object.values(array)
console.log(object) // ["primero", "segundo", "tercero"]

Algo tan sencillo como esto 馃檵鈥嶁檪锔

Qu茅 tal la entrada?
馃憣 Bien 馃檶馃檶
馃憤 Bien, pero algunas cosas podr铆an explicarse mejor 馃槵
馃し鈥嶁檪锔 Da por sentadas demasiadas cosas 馃槖
馃し鈥嶁檪锔 A ver, hay poca chicha 馃槵
馃し鈥嶁檪锔 Los ejemplos no son muy claros 馃檱鈥嶁檪锔
馃し鈥嶁檪锔 No se entiende, est谩 mal escrito 馃憥
鉁嶏笍 Hay errores, rev铆salo en cuanto puedas 馃檹

Quiz谩 te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]