挖掘子对象并重建数据

Question

I've having currencies list in JSON that comes like this

{
    "USD": {
        "symbol": "$",
        "name": "US Dollar",
        "symbol_native": "$",
        "decimal_digits": 2,
        "rounding": 0,
        "code": "USD",
        "name_plural": "US dollars"
    },
    "CAD": {
        "symbol": "CA$",
        "name": "Canadian Dollar",
        "symbol_native": "$",
        "decimal_digits": 2,
        "rounding": 0,
        "code": "CAD",
        "name_plural": "Canadian dollars"
    },
}

I want to format the output so I get it like this

[{name: "US Dolloar", symbol: "$"}, {name: "Canadian Dolloar", symbol: "CA$"} ]

but I'm finding it hard to do

  loadCurrencies() {
    this.http.get('assets/data/currencies.json').subscribe((response) => {
      this.currenciesList = response;
      console.log(this.currenciesList)
    })
  }

Answer 1

The following code should help you.

const formattedData = Object.values(this.currenciesList).map(({ name, symbol }) => ({ name, symbol }))

console.log(formattedData)

Answer 2

Here is one approach:

 const data = { "USD": { "symbol": "$", "name": "US Dollar", "symbol_native": "$", "decimal_digits": 2, "rounding": 0, "code": "USD", "name_plural": "US dollars" }, "CAD": { "symbol": "CA$", "name": "Canadian Dollar", "symbol_native": "$", "decimal_digits": 2, "rounding": 0, "code": "CAD", "name_plural": "Canadian dollars" }, } const result = Object.values(data).map(({ name, symbol }) => ({ name, symbol })) console.log(result)

Answer 3

loadCurrencies() {
    this.http.get('assets/data/currencies.json').subscribe((response) => {
        this.currenciesList = Object.values(response).map(obj =>
            return {
                name: obj.name,
                symbol: obj.symbol
            });
        console.log(this.currenciesList);
    });
}