forEach loop in nested array of objects Javascript

Question

Stucked right here! How can I iterate this array of objects saving the key of the dates (for example 10/06/2021)? and iterate the skills array of objects?

the array must see like:

    const data = [
  {
     name: 10/06/2021,
     sprint speed: "4.00",
     stamina: "4.00",
     acceleration: "4.00"
  },
    .....
    ....
    ...
  ]

I'm trying with:

Object.keys(element.dates).forEach((date) => {
        if (normalizedSkillsObject[date]) {
          let normalizedTemps = {
            ...normalizedSkillsObject[date],
            ...{ name: date, data: element.dates[date].skills },
          };
          normalizedSkillsObject = {...normalizedSkillsObject, [date]: normalizedTemps}
        } else {
          normalizedSkillsObject = {
            ...normalizedSkillsObject,
            [date]: { name: date, data: element.dates[date].skills.forEach(s => s.name) },
          };
        }
      });

But this is the output:

It would be easy to answer if you could add data array and expected output? — DecPK
– DecPK, Commented Jun 11, 2021 at 2:28
Do you only care about sprint speed, stamina, and acceleration in your output OR do you only want skills where the avg stat is NOT '0.00'? — dillon
– dillon, Commented Jun 11, 2021 at 3:18

Amr Salama · Accepted Answer · 2021-06-11 03:04:22Z

const json = [
  {
    dates: {
      "10/06/2021": {
        average: 4,
        skills: [
          { id: "1", name: "acceleration", avg: "4.00" },
          { id: "2", name: "sprint speed", avg: "4.00" },
          { id: "3", name: "stamina", avg: "4.00" },
        ],
      },
      "13/04/2021": {
        average: 2.97,
        skills: [
          { id: "1", name: "acceleration", avg: "4.00" },
          { id: "2", name: "sprint speed", avg: "4.00" },
          { id: "3", name: "stamina", avg: "4.00" },
        ],
      },
    },
  },
  {
    dates: {
      "20/04/2021": {
        average: 4,
        skills: [
          { id: "1", name: "acceleration", avg: "4.00" },
          { id: "2", name: "sprint speed", avg: "4.00" },
          { id: "3", name: "stamina", avg: "4.00" },
        ],
      },
    },
  },
];

const result = json.flatMap(({ dates }) => {
  return Object.entries(dates).map(([name, value]) =>
    Object.assign({ name }, ...value.skills.map(({ name, avg }) => ({ [name]: avg })))
  );
});

console.log(result);

dillon · Accepted Answer · 2021-06-11 03:16:24Z

1

const obj = {
  dates: {
    "10/06/2021": {
      skills: [
        { id: 1, name: "accel", avg: "4.0" },
        { id: 2, name: "sprint speed", avg: "4.0" },
        { id: 2, name: "agility", avg: "0.00" },
      ],
    },
    "10/07/2021": {
      average: 4,
      skills: [
        { id: "1", name: "acceleration", avg: "4.00" },
        { id: "2", name: "sprint speed", avg: "4.00" },
        { id: "3", name: "stamina", avg: "4.00" },
      ],
    },
  },
};

const res = Object.entries(obj.dates).reduce(
  (acc, [date, { skills }]) => [
    ...acc,
    {
      name: date,
      ...skills
        .filter(({ avg }) => Number(avg)) // remove skill avg's that are 0
        .reduce((a, { name, avg }) => ({ ...a, [name]: avg }), {}),
    },
  ],
  []
);
console.log(res);

edited Jun 11, 2021 at 3:16

answered Jun 11, 2021 at 2:56

dillon

7336 silver badges18 bronze badges

Comments

Kinglish · Accepted Answer · 2021-06-11 02:45:55Z

0

I don't have a way to test this - you didn't give data to work with, but it looks pretty straight forward. Post your data if this isn't right and I'll fine tune

let data = {}
for (const [date, props] of Object.entries(element.dates)) {
  let tmpObj= {name: date};
  props.skills
     .filter( skill => ["sprint speed","stamina","acceleration"].contains(skill.name))
     .forEach(sk => {tmpObj[sk.name] = sk.avg});
  data.push(tmpObj);
}

console.log(data)

answered Jun 11, 2021 at 2:45

Kinglish

23.7k4 gold badges25 silver badges43 bronze badges

4 Comments

dillon Over a year ago

I don't believe there is supposed to be any filtering applied

Kinglish Over a year ago

It's only filtering the skills array to get the skills the OP requested in their expected output the array must see like:...

dillon Over a year ago

I think I see what you mean. OP was not very clear and I figured they didn't want to type the rest out. Maybe they don't want results that are 0...?

Kinglish Over a year ago

Yep. Well at any rate, OP has a few nearly identical solutions to choose from... :)

eee · Accepted Answer · 2021-06-11 06:46:56Z

const obj = {
  dates: {
    "10/06/2021": {
      skills: [
        { id: 1, name: "accel", avg: "4.0" },
        { id: 2, name: "sprint speed", avg: "4.0" },
        { id: 2, name: "agility", avg: "0.00" },
      ],
    },
    "10/07/2021": {
      average: 4,
      skills: [
        { id: "1", name: "acceleration", avg: "4.00" },
        { id: "2", name: "sprint speed", avg: "4.00" },
        { id: "3", name: "stamina", avg: "4.00" },
      ],
    },
  },
};

const res = Object.entries(obj.dates).reduce(
  (acc, [date, { skills }]) => [
    ...acc,
    {
      name: date,
      ...skills
        .filter(({ avg }) => Number(avg)) // remove skill avg's that are 0
        .reduce((a, { name, avg }) => ({ ...a, [name]: avg }), {}),
    },
  ],
  []
);
console.log(res);

const obj = {
  dates: {
    "10/06/2021": {
      skills: [
        { id: 1, name: "accel", avg: "4.0" },
        { id: 2, name: "sprint speed", avg: "4.0" },
        { id: 2, name: "agility", avg: "0.00" },
      ],
    },
    "10/07/2021": {
      average: 4,
      skills: [
        { id: "1", name: "acceleration", avg: "4.00" },
        { id: "2", name: "sprint speed", avg: "4.00" },
        { id: "3", name: "stamina", avg: "4.00" },
      ],
    },
  },
};

const res = Object.entries(obj.dates).reduce(
  (acc, [date, { skills }]) => [
    ...acc,
    {
      name: date,
      ...skills
        .filter(({ avg }) => Number(avg)) // remove skill avg's that are 0
        .reduce((a, { name, avg }) => ({ ...a, [name]: avg }), {}),
    },
  ],
  []
);
console.log(res);

Collectives™ on Stack Overflow

forEach loop in nested array of objects Javascript

4 Answers 4

Comments

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related