How to change object key values in javascript object

Question

Say i have the following object:

obj1 = {
   'patato la blaza' : {
        'weight' : 5,
        'height' : 90
    },
    'apple ibiza' : {
        'weight' : 3,
        'height' : 84
    }
}

I would like to run through the keys and modify them, I.E. change the key values, how do i go about doing this in javascript/jQuery ? , i know i can modify the value like so:

$.each(obj1 , function(i , e){
   obj1[i] = "someramdomvalue"
});

But i don't quite understand how would i go about change/manipulating the values of the keys, in the object provided above i would like to change the value of patato la blaza to just patato and apple ibiza to apple , i will use a regex to get the shortened version , but i don't know how to add these shortened values as the new key in the object. would appreciate any help.

NOTE::- i have searched SO already but most of the questions pertain to how to change the value of the value ob an object and not the keys

Possible duplicate of JavaScript: Object Rename Key

messerbill
– messerbill

2018-03-23 11:52:38 +00:00
Commented Mar 23, 2018 at 11:52 — messerbill
– messerbill, Commented Mar 23, 2018 at 11:52

baao · Accepted Answer · 2018-03-23 11:54:15Z

6

I'd use reduce on the Object.keys()

let obj = {
  'patato la blaza': {
    'weight': 5,
    'height': 90
  },
  'apple ibiza': {
    'weight': 3,
    'height': 84
  }
};

obj = Object.keys(obj).reduce((a, b) => {
  a[b.substring(0, b.indexOf(' '))] = obj[b];
  return a;
}, {});

console.log(obj);

answered Mar 23, 2018 at 11:54

baao

73.5k18 gold badges152 silver badges209 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alexander Solonik Over a year ago

thanks will try it out and come back , TY for the really quick answer and demo :)

brunnerh · Accepted Answer · 2018-03-23 11:53:33Z

3

Probably something along those lines:

const obj1 = {
   'patato la blaza' : {
        'weight' : 5,
        'height' : 90
    },
    'apple ibiza' : {
        'weight' : 3,
        'height' : 84
    }
};
// Example key transform
const transform = x => x.split(" ")[0];

Object.keys(obj1).forEach(key => {
    const val = obj1[key];
    delete obj1[key];
    obj1[transform(key)] = val;
});

console.log(obj1);

answered Mar 23, 2018 at 11:53

brunnerh

188k30 gold badges362 silver badges434 bronze badges

Comments

Faly · Accepted Answer · 2018-03-23 11:57:08Z

3

Create a map of all the changes you want and build a new object with the new keys names:

var obj = {
   'patato la blaza' : {
        'weight' : 5,
        'height' : 90
    },
    'apple ibiza' : {
        'weight' : 3,
        'height' : 84
    }
};

var changes = {
  'patato la blaza': 'potato',
  'apple ibiza': 'apple'
}

var res = Object.assign({}, ...Object.entries(obj).map(([prevKey, val]) => ({[changes[prevKey]]: val})));

console.log(res);

answered Mar 23, 2018 at 11:57

Faly

13.4k2 gold badges21 silver badges39 bronze badges

Comments

TLP · Accepted Answer · 2018-03-23 11:56:31Z

1

If you want to use $.each(), I would create a new property with the desired key, copy the value of the existing property and then delete the old property:

$.each(obj1 , function(i , e){
   obj1["somenewkey"] = obj1[i];
   delete obj1[i];
});

answered Mar 23, 2018 at 11:56

TLP

1,2881 gold badge9 silver badges20 bronze badges

Comments

kztd · Accepted Answer · 2022-08-21 20:04:45Z

0

It looks like the assign function is best, but the answer above needs work to handle keys that aren't changed.

For quick and dirty change way to change one value's key:

obj[newId] = JSON.parse(JSON.stringify(obj[oldId]))
delete obj[oldId]

var obj = {
   'patato la blaza' : {
        'weight' : 5,
        'height' : 90,
        'arr': [1,2,3, {'a': 5}]
    },
    'apple ibiza' : {
        'weight' : 3,
        'height' : 84,
        'arr': [2,4,6, {'b': 15}]
    }
};

obj['Potato'] = JSON.parse(JSON.stringify(obj['patato la blaza']))
delete obj['patato la blaza']

console.log(obj)

answered Aug 21, 2022 at 20:04

kztd

3,4232 gold badges24 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to change object key values in javascript object

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related