Javascript copy properties inside an object

Question

I have an object as below;

record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}

Now I want all these properties to be copied to a "row" attribute inside "record". So, it should look like;

record = {
    row: {
        prop1: 'X',
        prop2: 'Y',
        prop3: 'Z'
    }
}

While I can get that using

record.row = record;

What I want is

the properties prop1/prop2/prop3 to be removed as direct child of "record" after copying them inside record.row
The above statement also ends up repeating the properties inside the row (sort of circular thing) which I want to avoid

How can I achieve this satisfying both the conditions ? P.S: "propX" are all simple string values, I am fine with a deep/shallow copy

xianshenglu · Answer 1 · 2020-06-25T09:17:44.747

1

what about this

record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}
record = {row:{...record}}

or

record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}
record = Object.assign({},{row:record})

edited Jun 25 '20 at 09:17

answered Jun 25 '20 at 06:13

xianshenglu

4,943
3
17
34

Hey...thanks...I am using this within my Ember project...For some reason, this statement is failing build saying Unexpected token (at ...) – copenndthagen Jun 25 '20 at 06:20
Also I do have Babel as dependency added – copenndthagen Jun 25 '20 at 06:21
@testndtv check again? add another way. – xianshenglu Jun 25 '20 at 06:25
This one does not give a build error...but I do not see the final/updated "record" object as expected – copenndthagen Jun 25 '20 at 06:48
@testndtv sorry, i forgot the assignment, check it again. – xianshenglu Jun 25 '20 at 09:18

Karma Blackshaw · Accepted Answer · 2020-06-25T07:31:51.027

1

You can do:

let record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}

record = { ...record, row: record }

For older version of node, you can do this instead:

var record = {
  prop1: 'X',
  prop2: 'Y',
  prop3: 'Z'
};


let newRecord = {}
Object.assign(newRecord, {
  row: record
});

// console.log(newRecord)

edited Jun 25 '20 at 07:31

answered Jun 25 '20 at 06:14

Karma Blackshaw

880
8
20

Hey...thanks...I am using this within my Ember project...For some reason, this statement is failing build saying Unexpected token (at ...) – copenndthagen Jun 25 '20 at 06:19
I do have Babel as dependency added – copenndthagen Jun 25 '20 at 06:20
what is your node version? – Karma Blackshaw Jun 25 '20 at 06:42
My Node version is 10.x – copenndthagen Jun 25 '20 at 07:14
Yes...so that works ......Object.assign(record, { row: record }); However the original issue still remains i.e. I want the copied attributes to be then removed as direct child of "record" – copenndthagen Jun 25 '20 at 07:37
So..it is kind of cut/paste (cut as direct child of "record" and pasted inside "record.row") ...so all this should happen in the same/original "record" object – copenndthagen Jun 25 '20 at 07:41
yes, this returns `record` with only a property of `row` which has three properties – Karma Blackshaw Jun 25 '20 at 08:43

score 0 · Answer 3 · answered Jun 25 '20 at 08:51

0

Does this solve it? I assume you want the original variable to be overwritten.

record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}

var tempRecord = {record:record}

record = tempRecord

answered Jun 25 '20 at 08:51

jakob_a

91
1
6

score 0 · Answer 4 · answered Jun 29 '20 at 05:06

Solution-1

var record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}
let newRecord = {row:{}}
Object.keys(record).forEach(key=> newRecord.row[key] = record[key]);

Solution-2

  var record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
  }
  let newRecord = {};

  for (let[key,value] of Object.entries(record)) {
    if (!newRecord['row']) {
      newRecord = {
        row: {}
      };
    }
    newRecord["row"][key] = value;
  }

Solution-3:

var record = {
    prop1: 'X',
    prop2: 'Y',
    prop3: 'Z'
}

record = {row:{...record}}

Javascript copy properties inside an object

4 Answers4