преобразовать массив объектов в читаемый массив - PullRequest
Новая
       9

преобразовать массив объектов в читаемый массив

0 голосов
/ 02 мая 2018

Я получаю данные JSON с помощью AJAX. Затем я хочу вывести его в Griddle, используя griddle-реагировать. Проблема в том, что я не могу преобразовать свой массив в читаемый массив Griddle.

После ajax fetch я сделал функцию обратного вызова: 

function convert(obj) {
      console.log(obj);
      Object.keys(obj).forEach(function (key) {
        let format = JSON.stringify(obj[key]);
        console.log(format);
        self.setState(() => ({ data: key[format] }));
      });
    }

Первый вывод console.log выглядит так: 

{
    {
      "BTC": {
        "opening_price": "9845000",
        "closing_price": "9967000",
        "min_price": "9814000",
        "max_price": "10047000",
        "average_price": "9928071.5654",
        "units_traded": "7242.04659594",
        "volume_1day": "7242.04659594",
        "volume_7day": "73491.92898643",
        "buy_price": "9967000",
        "sell_price": "9968000"
      },
    }
}

Мои функции выглядят так: (второй console.log): 

{
    "opening_price": "9846000",
    "closing_price": "9965000",
    "min_price": "9814000",
    "max_price": "10047000",
    "average_price": "9929422.0905",
    "units_traded": "7200.46713802",
    "volume_1day": "7200.467F13802",
    "volume_7day": "73395.33311647",
    "buy_price": "9959000",
    "sell_price": "9964000"
  }

Я хочу преобразовать его в следующий массив, в основном добавив элемент name, и после этого Griddle сможет прочитать его: 

{
  "name": "BTC",
  "opening_price": "9845000",
  "closing_price": "9967000",
  "min_price": "9814000",
  "max_price": "10047000",
  "average_price": "9928071.5654",
  "units_traded": "7242.04659594",
  "volume_1day": "7242.04659594",
  "volume_7day": "73491.92898643",
  "buy_price": "9967000",
  "sell_price": "9968000"
},

Что я здесь не так делаю? Я уверен, что это довольно близко к тому, что я хочу, но я не могу понять это в данный момент.

Ответы [ 3 ]

0 голосов
/ 02 мая 2018

Можете ли вы обновить функцию, чтобы в ней была эта строка?

obj[key]["name"] = key

function convert(obj) {
      console.log(obj);
      Object.keys(obj).forEach(function (key) {
        obj[key]["name"] = key;
        let format = JSON.stringify(obj[key]);
        console.log(format);
        //self.setState(() => ({ bithumbData: key[format] }));
      });
    }
0 голосов
/ 02 мая 2018 
function convert(obj){
    var parentKey = Object.keys(obj)[0];//Getting parent first element key
    obj = obj[parentKey];
    var newObj = {}; //Creating new empty jason object 
    newObj['name'] = parentKey; //key apply as name element to new jason object 
    for(var key in obj) //looping each child element
        newObj[key] = obj[key]; //child applying to new jason object
    return newObj;
}
console.log(JSON.stringify(convert(obj)));
0 голосов
/ 02 мая 2018

Вы можете использовать Object.entries для получения ключей и значений. Используйте Object.assign для создания новых объектов 

var obj = {
  "BTC": {"opening_price": "9845000","closing_price": "9967000","min_price": "9814000","max_price": "10047000","average_price": "9928071.5654","units_traded": "7242.04659594","volume_1day": "7242.04659594","volume_7day": "73491.92898643","buy_price": "9967000","sell_price": "9968000"}
}

var newObj = Object.entries(obj).reduce((c, [i, v]) => Object.assign(c, {name: i}, v), {});

console.log(newObj);

Если у вас несколько клавиш, вы можете использовать map

var obj = {
  "BTC": {"opening_price": "9845000","closing_price": "9967000","min_price": "9814000","max_price": "10047000","average_price": "9928071.5654","units_traded": "7242.04659594","volume_1day": "7242.04659594","volume_7day": "73491.92898643","buy_price": "9967000","sell_price": "9968000"},
  "OTH": {"opening_price": "9845000","closing_price": "9967000","min_price": "9814000","max_price": "10047000","average_price": "9928071.5654","units_traded": "7242.04659594","volume_1day": "7242.04659594","volume_7day": "73491.92898643","buy_price": "9967000","sell_price": "9968000"},
}

var newArr = Object.entries(obj).map(([i, v]) => Object.assign({}, {name: i}, v));

console.log(newArr);

без учета date имущества 

var obj = {
  "KNC": {"opening_price": "2731","closing_price": "2788","min_price": "2693","max_price": "2849","average_price": "2790.5368","units_traded": "3178032.25814499211673","volume_1day": "3178032.25814499211673","volume_7day": "110687333.315264505902311000","buy_price": "2783","sell_price": "2788"},
  "date": "1525269153470"
}

var newObj = Object.entries(obj).reduce((c, [i, v]) => i !== 'date' ? Object.assign(c, {name: i}, v) : c, {});

console.log(newObj);
...