JS - How to add dynamic objects to array [code]

Question

const feature = [
    {
      attributes: {
        data: {
          rootType: { type: "string", value: "Alpha" },
          rootAge: { type: "integer", value: "10" },
          baySize: { type: "integer", value: "18" },
          totalBays: { type: "integer", value: "13" }
        }
      }
    },
    {
      attributes: {
        data: {
          rootType: { type: "string", value: "Brown" },
          rootAge: { type: "integer", value: "20" },
          baySize: { type: "integer", value: "180" },
          totalBays: { type: "integer", value: "30" }
        }
      }
    },
    {
      attributes: {
        data: {
          rootType: { type: "string", value: "Alpha" },
          rootAge: { type: "integer", value: "50" },
          baySize: { type: "integer", value: "80" },
          totalBays: { type: "integer", value: "25" }
        }
      }
    }
  ];
  const allData = feature.map((item) => {
    const { data } = item.attributes;
    return data
  });
console.log(allData);

const expectedResult = [
  {
    rootType: { type: "string", value: "Alpha" },
    rootAge: { type: "integer", value: "10" },
    baySize: { type: "integer", value: "18" },
    totalBays: { type: "integer", value: "13" }
  },
  {
    rootType: { type: "string", value: "Brown" },
    rootAge: { type: "integer", value: "20" },
    baySize: { type: "integer", value: "180" },
    totalBays: { type: "integer", value: "30" }
  },
  {
    rootType: { type: "string", value: "Alpha" },
    rootAge: { type: "integer", value: "50" },
    baySize: { type: "integer", value: "80" },
    totalBays: { type: "integer", value: "25" }
  }
]

console.log(expectedResult)

I have array of object which I get from API.

I need a way to add these objects into array as below.

I have tried mapping over the original array and push these objects to new variable but I can only ever get the first one.

what is the best way to achieve the desired result.

looking forward to your response. thanks

The expected result seems like the data you get. What is the difference? — VLAZ, Sep 15 '20 at 05:28
@VLAZ I think he has just shown what he wants it to look like. Can you please share the code that you have tried? — Phobos, Sep 15 '20 at 05:32
Your only issue with your map() is you didn't `return data` so you end up with array `[undefined, undefined, undefined]` — charlietfl, Sep 15 '20 at 05:43
@ChauGiang have updated the code, sorry question wasn't well written but simple push would work if objects were assigned to some variable. — Heera, Sep 15 '20 at 05:43
Now that you added the return.... using map() is best tool for the task — charlietfl, Sep 15 '20 at 05:49
Hey Guys, I see what I was doing wrong. have fixed it. thanks for help. :) — Heera, Sep 15 '20 at 06:00

GerryMM88 · Answer 1 · 2020-09-15T06:07:35.090

This script will push each object into the created array. You could create the expected Array first. You should Push it right after you create the array.

var expectedResult = [];

const dataOne = {
        rootType: { type: "string", value: "Alpha" },
        rootAge: { type: "integer", value: "10" },
        baySize: { type: "integer", value: "18" },
        totalBays: { type: "integer", value: "13" }
      };
expectedResult.push(dataOne);
      const dataTwo = {
        rootType: { type: "string", value: "Brown" },
        rootAge: { type: "integer", value: "20" },
        baySize: { type: "integer", value: "180" },
        totalBays: { type: "integer", value: "30" }
      };
expectedResult.push(dataTwo);
      const dataThree = {
        rootType: { type: "string", value: "Alpha" },
        rootAge: { type: "integer", value: "50" },
        baySize: { type: "integer", value: "80" },
        totalBays: { type: "integer", value: "25" }
      };

expectedResult.push(dataThree);

Just an opinion but the whole section on `const` is just noise unrelated to OP's problem — charlietfl, Sep 15 '20 at 05:42
I don't really get why half the answer is about `const` and even then some of the bullet point are...odd, to say the least: "*Primitive value.*" ??? "*Cannot be Hoisted.*" [it *is* hoisted](https://stackoverflow.com/questions/31219420/are-variables-declared-with-let-or-const-hoisted) — VLAZ, Sep 15 '20 at 05:53

JS - How to add dynamic objects to array [code]

1 Answers1