Pushing keys and value from an inside Obj in the Parent object

Question

Despite the fact that the title seems difficult, let me give you a simple example. I have an object.

{
  name:"Ethan"
  pets:{cat:"joline",dog:"Momo",bird"Mimi"}
}

My goal is to push the values of the array to the object.

    {
      name:"Ethan",
      cat:"joline",
      dog:"Momo",
      bird"Mimi"
    }

The question is simple and I believe you can approach it in a clever way, thanks.

`[cat:"joline",dog:"Momo",bird"Mimi"]` is invalid javascript. `[` is used for array and arrays can't have `key:value` pairs — Maheer Ali, May 11 '21 at 12:10
does this answer your question? https://stackoverflow.com/questions/34513964/how-to-convert-this-nested-object-into-a-flat-object — Allure, May 11 '21 at 12:15

Maheer Ali · Accepted Answer · 2021-05-11T14:38:28.323

1

Simple way to do this is to combine pets object and other properties using spread operator and then delete the pets from result.

const data = {
  name:"Ethan",
  pets:{cat:"joline",dog:"Momo",bird:"Mimi"}
}

const res = {...data, ...data.pets};
delete res.pets;
console.log(res);

If you want to do it in a functional way you can use the following approach.

Wrap the original element in a array.
Apply map on it.
Destructure pets from the object and store the rest of the properties in other variable.
Return a new object where you spread the rest object and pets.

const data = {
  name:"Ethan",
  pets:{cat:"joline",dog:"Momo",bird:"Mimi"}
}

const res = [data].map(({pets, ...rest}) => ({...rest, ...pets}))[0]
console.log(res)

edited May 11 '21 at 14:38

answered May 11 '21 at 12:15

Maheer Ali

35,834
5
42
73

The answer you provided is so clean. I'm going to test it soon and validate. – Ethanolle May 11 '21 at 12:49
Please accept my best wishes for your well-being. – Ethanolle May 11 '21 at 13:10
There is a problem with it, it overwrites or made disappear the "name". – Ethanolle May 11 '21 at 13:19
@Ethanolle Thanks. If you don't understand anything feel free to ask. The first snippet has some error I fixed it now. – Maheer Ali May 11 '21 at 14:39

a.mola · Answer 2 · 2021-05-11T13:50:25.640

0

Iterating through the elements and values in the object. And spreading the value into the return object

const data = {
  name: "Ethan",
  pets: {
    cat: "joline",
    dog: "Momo",
    bird: "Mimi"
  }
};

function flatten(data) {
  let result = {};

  for (const key in data) {
    const value = data[key];
    
    if (typeof value != 'object') result[key] = value;
    else result = { ...result, ... flatten(value)}
  }

  return result;
}

console.log(flatten(data));

edited May 11 '21 at 13:50

answered May 11 '21 at 12:19

a.mola

3,883
7
23

...tree? What does that mean? – Ethanolle May 11 '21 at 13:00
It was the function call, I forgot to change it – a.mola May 11 '21 at 13:51

score 0 · Answer 3 · answered May 11 '21 at 13:41

0

The simplest and cleanest way to obtain desired result with destructuring.

const obj = {
  name: "Ethan",
  pets: { cat: "joline", dog: "Momo", bird: "Mimi" },
};

const { name, pets } = obj;
const result = { name, ...pets };
console.log(result);

answered May 11 '21 at 13:41

DecPK

24,537
6
26
42

score 0 · Answer 4 · answered May 11 '21 at 14:35

As others have said, this is straightforward with object destructuring. I think it's cleanest when you use parameter destructuring. So a simple function like this should do it:

const promotePets = ({pets, ...rest}) => 
  ({...rest, ...pets})

const obj = {name: "Ethan", pets: { cat: "joline", dog: "Momo", bird: "Mimi" }};

console .log (promotePets (obj))

Pushing keys and value from an inside Obj in the Parent object

4 Answers4