Creating array/object definition using other array/object items

Question

I am trying to create an array where the items/Definition of the array are depended on another array. Like I have an dynamic array

arrayDef =[ { title:'item1',validtors:'..',....}
          , { title:'item2',validtors:'..',....}
          ,..]

Now I need to create an array using title from the dynamic array. Later I need to append to same array for new row. Example,

arrayData=[ {item1:'',item2:'',...} ]

arrayDef is being created by user dynamically where they can add column headers and validations. arrayData is to be created using that. I have tried few methods like map, but is looking into most optimal and time saving approach.

Thankyou.

DecPK · Accepted Answer · 2021-05-04 03:25:00Z

2

You could use reduce and wrap result of reduce in an array.

const arrayDef = [
  { title: "item1", validtors: ".." },
  { title: "item2", validtors: ".." },
];

let arrayData = [
  arrayDef.reduce((acc, curr) => {
    const { title } = curr;
    acc[title] = "";
    return acc;
  }, {}),
];

console.log(arrayData);

answered May 4, 2021 at 3:25

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

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

Comments

Braiden Cutforth · Accepted Answer · 2021-05-04 03:27:05Z

1

I believe the best approach is to use something like reduce.

arrayDef.reduce((acc, item) => {
    acc[item.title] = '';
    return acc;
}, {})

answered May 4, 2021 at 3:27

Braiden Cutforth

3083 silver badges7 bronze badges

Collectives™ on Stack Overflow

Creating array/object definition using other array/object items

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related