How to rename the existing object's key using java-script /Angular?

Question

I have an existing object,

this.data = {
   "part": "aircraft",
   "subid": "wing",
   "information.data.keyword": "test",
   "fuel.keyword": "lt(6)"
}

What I'm trying to do is to check every key and if the key has .keyword then I am trying to delete it and create it without .keyword. I am not sure how to rename and push to an existing object.

what I have tried so far,

for(let x in this.data) {      
    if(x.includes('.keyword')) {      
        let xy = x.replace(/.keyword/g, "");
        console.log(xy);
    }
}

The solution is already in the question: _"...to **delete** it and **create** it..."_ - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete — Andreas, Sep 17 '19 at 05:28

Saurabh Agrawal · Accepted Answer · 2019-09-17T06:31:33.360

First you need to create a new key. After assigning value to newly created key you need to delete the old one.

Try this:

 this.data = {
    "part": "aircraft",
    "subid": "wing",
    "information.data.keyword": "test",
    "fuel.keyword": "lt(6)"
  }
  for (let x in this.data) {
    if (x.includes('.keyword')) {
      this.data[x.replace(/.keyword/g, "")] = this.data[x];
      delete this.data[x];
    }
  }
  console.log(this.data)

score 2 · Answer 2 · answered Sep 17 '19 at 05:55

Try this

 let data = {
    "part": "aircraft",
    "subid": "wing",
    "information.data.keyword": "test",
    "fuel.keyword": "lt(6)"
  }

  Object.keys(data).forEach((x) => {
    if (x.includes('.keyword')) {

      this.data[x.replace(/.keyword/g, "")] = data[x];
      delete data[x]
    }
});

console.log(data)

score 2 · Answer 3 · answered Sep 17 '19 at 05:58

You have already used includes() and replace(). Just need to delete the object using delete operator as @Andreas mentioned and create new entry.

for(var k in data) {
   if (k.includes(".keyword")) {
      var newKey =  k.replace(/.keyword/g, "");// New key for new entry without .keyword
      data[newKey] = data[k]; //Creating new entry 
      delete(data[k]); //Deleting old entry
   }
}

score 1 · Answer 4 · answered Sep 17 '19 at 05:30

1

You could try to copy/clone the object, add it to this.data and then delete the version with .keyword.

answered Sep 17 '19 at 05:30

qristjan

183
5

How to rename the existing object's key using java-script /Angular?

4 Answers4