I'm trying to convert Object to Array of object in javascript

Question

Here is the one object:

const language = {
  fluency: {
    "English": "Advanced",
    "French": "Intermediate"
  },
  read: ["English", "French"],
  speak: ["English"],
  write: ["English"]
};

And I'm trying transform into array of object like:

const newLanguage = [
    {
        language: "English",
        fluency: "Advanced",
        read: true,
        speak: true,
        write: true,
    },
    {
        language: "French",
        fluency: "Intermediate",
        read: false,
        speak: false,
        write: false,
    }
]

Here is the result what I have tried:

var values = Object.entries(language).map(([k, v]) => ({[k]: v}))

And it's result is:

[
  { fluency: { English: 'Advanced', French: 'Intermediate' } },
  { read: [ 'English', 'French' ] },
  { speak: [ 'English' ] },
  { write: [ 'English' ] }
]

P.S I'm not asking for the code, but if any one could give me a steps to transform into a result would be a great help! Thanks in advance!

Lioness100 · Accepted Answer · 2020-10-20 12:51:40Z

1

You can take advantage of the spread operator and separate fluency from other properties and then use .map() to build an array of objects based on extracted fluency values. Array.reduce can be used to build an object based on the properties from rest variable:

const language = {
  fluency: {
    "English": "Advanced",
    "French": "Intermediate"
  },
  read: ["English", "French"],
  speak: ["English"],
  write: ["English"]
};


let {
  fluency,
  ...rest
} = language;

let result = Object.entries(fluency).map(([lang, flue]) =>
  Object.keys(rest)
  .reduce((obj, skill) => {
    obj[skill] = rest[skill].includes(lang);
    return obj;
  }, {
    language: lang,
    fluency: flue
  })
);

console.log(result);

edited Oct 20, 2020 at 12:51

Lioness100

8,4286 gold badges21 silver badges50 bronze badges

answered Oct 20, 2020 at 12:32

mickl

50.1k9 gold badges71 silver badges99 bronze badges

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

1 Comment

Maulik Sakhida Over a year ago

Appreciate for the help! :)

Guruparan Giritharan · Accepted Answer · 2020-10-20 12:35:29Z

1

You can do something like below

const language = {
  fluency: {
    "English": "Advanced",
    "French": "Intermediate"
  },
  read: ["English", "French"],
  speak: ["English"],
  write: ["English"]
};

const newLanguage = []

for (const [key, value] of Object.entries(language.fluency)) {
  newLanguage.push({
        language: key,
        fluency: value,
        read: language.read.includes(key),
        speak: language.speak.includes(key),
        write: language.write.includes(key),
    });
}

console.log(newLanguage);

answered Oct 20, 2020 at 12:35

Guruparan Giritharan

16.4k4 gold badges30 silver badges53 bronze badges

1 Comment

Maulik Sakhida Over a year ago

Appreciate for the help! :)

Collectives™ on Stack Overflow

I'm trying to convert Object to Array of object in javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related