использовать информацию API и сравнить его с массивом

Question

У меня есть json, который я извлек из API и передал его в качестве реквизита дочернему компоненту. Я хочу использовать данные внутри json и перебрать через API, затем установить данные в массив следующим образом:

    var myArray = [
{name : name-1, value: value-1}
{name : name-2, value: value-2}
              .
              .
              .
]

мой API такой:

[
{name : name-1, value:value-1, id:id-1, ... }
                     .
                     .
                     .
]

я знаю, если я хочу вернуть jsx, я должен использовать 'map', но как насчет этой ситуации?

спасибо

Answer 1

Вы также можете использовать функцию Array.prototype.map здесь:

 var dataFromAPI = [
  {name : 'name-1', value: 'value-1', id: 1},
  {name : 'name-2', value: 'value-2', id: 2},
  {name : 'name-3', value: 'value-3', id: 3},
];

var myArray = dataFromAPI.map(function (data) {
  return {
    name: data.name,
    value: data.value
  };
});

console.log(myArray);

или с использованием синтаксиса ES6:

const dataFromAPI = [
  {name : 'name-1', value: 'value-1', id: 1},
  {name : 'name-2', value: 'value-2', id: 2},
  {name : 'name-3', value: 'value-3', id: 3},
];

const myArray = dataFromAPI.map(({name, value}) => ({ name, value }));

console.log(myArray);