hand Inicio

JSBLOQS.com

Qu茅 puedo hacer por ti?

noched铆a

DESARROLLO WEB con
REACT y WORDPRESS

Ap煤ntate a la newsletter (escribo algo de tanto en cuanto)

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 馃檹
Enviar Feedback 鉁嶏笍

Si quieres explorar m谩s cursos y m谩s entradas en el blog, los tienes todos en la p谩gina principal, y si el contenido te ha ayudado comp谩rtelo entre tus seguidores (con los botones de abajo) por si tambi茅n les puede interesar 馃憤

Privacidad
by kuworking.com
[ 2020 >> kuworking ]