Change property name from an array of object javascript/typescript

Question

I have the following array of obect lets call it "myArray":

0: { name: "name1", key: "12weqw3123123"}
1: { name: "name2", key: "1231231rasd"}
2: { name: "name3", key: "sa43214dasd"}

What I would like to achieve is to switch the properties naming form name to key and the opposite so the final result is something like that:

0: { key: "name1", name: "12weqw3123123"}
1: { key: "name2", name: "1231231rasd"}
2: { key: "name3", name: "sa43214dasd"}

I tried with

  const { name } = myArray;
  const newResp = { key: name };

but its undefined and I tried also with

const newArray = [...myArray].map((r: { name: any; key: any }) => {
    r.name = r.key;
    delete r.key;
  });

any suggestions? Thanks

obe · Accepted Answer · 2021-06-03 09:55:12Z

1

You could handle it with a forEach:

myArray.forEach(item => {
    let tmp = item.key;
    item.key = item.name;
    item.name = tmp;
});

It can technically work with map as well, but in general map should be used when you want to create a new array, and not to update in-place.

let newArray = myArray.map(item => {
    return {
        key: item.name,
        name: item.key,
    };
});

answered Jun 3, 2021 at 9:55

obe

7,8446 gold badges34 silver badges47 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2021-06-03 09:57:36Z

1

You can use array#map to interchange name and key.

const input = [{ name: "name1", key: "12weqw3123123"},{ name: "name2", key: "1231231rasd"}, { name: "name3", key: "sa43214dasd"}],
      result = input.map(({name, key}) => ({name: key, key: name}));
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Jun 3, 2021 at 9:57

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

2 Comments

spender Over a year ago

Q: What does CSS class as-console-wrapper do?

Hassan Imam Over a year ago

It moves the console output to the top of the div.

Collectives™ on Stack Overflow

Change property name from an array of object javascript/typescript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest