Как переименовать свойства в объекте?

Question

[Aleksandr]

Есть объект:

{
    "id": '',
    "name": ''
}

Нужно сделать:

{
    "value": '',
    "label": ''
}

Я написал так:

computed: {
...mapState({
      categories: state => state.main_page.NEWS
}),
getCategories() {
      let arr = [];
      let categories = this.categories;
      categories.forEach(function(obj) {
        obj['value'] = obj['id'];
        obj['label'] = obj['name'];
        delete obj['id'];
        delete obj['name'];
        arr.push(obj)
      })
      
      return arr
    }
}

Все работает, но при этом поменялся сам this.categories.
Как сделать так, чтобы в первоисточнике остались старые ключи и создавались объекты с новыми?

Answer 1

[0xD34F]

В дополнительном вычисляемом свойстве, которое у вас является просто ссылкой на массив в хранилище, необходимости нет - сразу создавайте новый массив, свойства элементов которого будут переименованы так, как вы сочтёте необходимым:

computed: {
  categories() {
    return this.$store.state.main_page.NEWS.map(n => ({
      value: n.id,
      label: n.name,
    }));
  },
},