Arhn - архитектура программирования

Чтение данных, полученных от firebase

У меня ниже данные firebase в переменной, которую я хочу превратить в массив.

 -L4DcN3qCO2_E4_oyDc2:{key: "Newyork", value: "Newyork"}
 -L4DcOOY1O0dZrqEDIx3:{key: "Chicago", value: "Chicago"}
 -L4DcQkNnMyFf8x3H-3i:{key: "Raleigh", value: "Raleigh"}

Я хочу, чтобы эти данные были в таком массиве.

      [{key: "Newyork", value: "Newyork"},
      {key: "Chicago", value: "Chicago"},
      {key: "Raleigh", value: "Raleigh"}]

Каков процесс преобразования его в массив.

Пожалуйста, найдите подходы, которые я пробовал, ниже.

1-й подход:

  options: {key: string, value: string}[] = [];
 elementData.options.forEach(ss => {
  this.options.push(ss.child('key'),ss.child('value'))
  });

2-й подход

elementData.on('value', snap =>  {
   var data = [];
   snap.forEach(ss => {
   this.options.push(ss.child('key'),ss.child('value'))
     data.push(ss.child('key').val());
   });
    console.log(data);
  });

Я не могу просмотреть его в цикле, так как это [Object] of [Object]

Мы ценим любые предложения.

Спасибо


  • Вопросы, требующие помощи по отладке (почему этот код не работает?), Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для их воспроизведения в самом вопросе. Вопросы без четкой постановки проблемы не будут полезны другим читателям. См .: Как создать минимальный, полный и проверяемый пример. 04.02.2018

Ответы:


1

Эта единственная строчка мне помогла. Object.keys (elementData.options) .map (e => elementData.options [e])

04.02.2018
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..