I am using firebase with axios. I need to convert this Object:
{r1: "Room 1", r2: "Room 2", r3: "Room 3"}
Into an Array:
rooms = [
{ id: 'r1', name: 'Room 1'},
{ id: 'r2', name: 'Room 2'},
{ id: 'r3', name: 'Room 3'},
];
Currenltly, I cam calling from firebase with axious like this:
axios.get('firebaseURL').then(response => {console.log(response.data)});
Check out this answer.
const array = [];
Object.keys(yourObject).forEach((key) => {
array.push({[key]: object1[key]});
});
[] 0: {id: "r1", name: "Room 1"} 2: {id: "r2", name" "Room 2"} 3: {id: "r3", name" "Room 3"} but what I should be getting is: (3) [{...}, {...}, {...}] 0: {id: "r1", name: "Room 1"} 2: {id: "r2", name" "Room 2"} 3: {id: "r3", name" "Room 3"} The difference is in the first row of code. Is that the reason why my application is not receiving the data?
You can use Object.keys(rooms) with map() - The Object.keys returns an array with all the object keys, and the map function accepts each key, and will return whatever you make of that key into a new array.
So in the snippet below Object.keys(rooms) is equal to [ 'r1', 'r2', 'r3' ] and from that it is easy to construct your desired array.
const rooms = {r1: "Room 1", r2: "Room 2", r3: "Room 3"};
const arrayResult = Object.keys(rooms).map(room => {
return {id: room, name: rooms[room]}
});you can try this using this package https://github.com/just1and0/object-to-array-convert
import { O2A } from 'object-to-array-convert';
const rooms = {r1: "Room 1", r2: "Room 2", r3: "Room 3"};
const value = O2A(rooms);
return value
