How to rename properties in an object?

Question

JavaScript

There is an object:

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

Need to do:

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

I wrote like this:

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
    }
}

Everything works, but at the same time this.categories itself has changed.
How to make sure that old keys remain in the source and objects are created with new ones?

Answer 1

It is not necessary to give computed properties names that start with "get" - after all, they are properties, not methods.
There is no need for an additional calculated property, which you just have a reference to an array in storage - immediately create a new array, the properties of the elements of which will be renamed as you see fit:

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