изменить имена параметров объекта в массиве

Question

изменить имена параметров объекта в массиве

1

Допустим, у меня есть следующая структура массива:

"stores" : [
    {
        id: 1,
        name: 'lopd',
    },
    {
        id: 2,
        name: 'abc'
    }
]

И я хочу изменить имена параметров следующим образом:

"stores" : [
    {
        value: 1,
        label: 'lopd',
    },
    {
        value: 2,
        label: 'abc'
    }
]

Как мне это сделать в ES6?

Codehiker 09 янв. 2018, в 14:51

Источник

0

Вам нравится хранить объекты и массив, или это может быть новый массив с новыми объектами?
Nina Scholz 09 янв. 2018, в 13:25
0

@NinaScholz работает новый массив с новыми объектами, просто для презентационных целей
Codehiker 09 янв. 2018, в 13:28

Теги:

javascript

ecmascript-6

object

arrays

4 ответа

4

Вы можете сделать следующее, используя функцию map:

let example = {
  "stores" : [
   {
    id: 1,
    name: 'lopd',
   },
   {
    id: 2,
    name: 'abc'
   }
  ]
}

let answer = example.stores.map(item => {
   return {
     value: item.id,
     label: item.name
  }
})

console.log(answer)

Paul Fitzgerald 09 янв. 2018, в 11:24

2

почему это было понижено?
Paul Fitzgerald 09 янв. 2018, в 13:27

1

Только ради полноты, хотя я бы фактически использовал ответ Нины: если вы хотите на самом деле изменить исходные объекты, вы можете создавать новые свойства и delete те, которые вы хотите отменить.

var obj = {
  stores: [{
      id: 1,
      name: 'lopd',
    },
    {
      id: 2,
      name: 'abc'
    }
  ]
}
console.log(obj.stores);
obj.stores.forEach(function(val) {
  val.value = val.id;
  val.label = val.name;
  delete val.id;
  delete val.name;
});
console.log(obj.stores);

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

Также: это ES5, поэтому он будет работать в старых браузерах (а именно IE9)

Sébastien 09 янв. 2018, в 11:29

0

Вы также можете создать новый массив, используя:

Пример:

var data = [{id: 1, name: 'lopd'}, {id: 2, name: 'abc'}];
    
var result = Array.from(data, obj => ({value: obj.id, label: obj.name}));

console.log(result);

Mohammad Usman 10 янв. 2018, в 05:08

Ещё вопросы

Вам нравится хранить объекты и массив, или это может быть новый массив с новыми объектами?
@NinaScholz работает новый массив с новыми объектами, просто для презентационных целей

Nina Scholz · Accepted Answer · 2018-01-09T11-45-00.000Z

Вы можете использовать ~~назначение~~ деструктурирующего с рисунком объекта присвоения собственности и короткими свойствами вручную.

var stores = [{ id: 1, name: 'lopd' }, { id: 2, name: 'abc' }];

stores = stores.map(({ id: value, name: label }) => ({ value, label }));

console.log(stores);