How transform that array of objects?

Question

i have a problem.

I have that array of objects:

const iHaveThis = [{
    question: "What's your name?",
    answer: 'dda',
    form_filled_key: 15,
  },
  {
    question: "What's your e-mail?",
    answer: '[email protected]',
    form_filled_key: 15,
  },
  {
    question: "What's your e-mail?",
    answer: '[email protected]',
    form_filled_key: 14,
  },
  {
    question: "What's your name?",
    answer: 'DAS',
    form_filled_key: 14,
  },
];

I want transform it to:

const iWillHaveThis = [{
    "What's your e-mail?": '[email protected]',
    "What's your name?": 'dda',
  },

  {
    "What's your e-mail?": '[email protected]',
    "What's your name?": 'DAS',
  },
];

How can i make that ? Please

I already tried use reduce, map but not working.

Is form_filled_key the determining field on wither or not the objects belong together? If so you should mention that criteria in the question otherwise you need to explain what is the determining factor — Patrick Evans
– Patrick Evans, Commented Jul 2, 2019 at 23:02

alo Malbarez · Accepted Answer · 2019-07-03 02:36:10Z

3

You can make an object keyed to your form_filled_key. And in a loop add objects to the object using the key to group them. In the end, your solution will be in the Object.values() of the object you built:

const iHaveThat = [
  {question: "What's your name?",answer: 'dda',form_filled_key: 15,},
  {question: "What's your e-mail?",answer: '[email protected]',form_filled_key: 15,},
  {question: "What's your e-mail?",answer: '[email protected]',form_filled_key: 14,},
  {question: "What's your name?",answer: 'DAS',form_filled_key: 14,},];

let arr = iHaveThat.reduce((obj, {form_filled_key, question, answer}) => {

    // make a new entry if needed
    if (!obj[form_filled_key]) obj[form_filled_key] = {}

    // add the key value pair
    obj[form_filled_key][question] = answer

    return obj
},{})

// you just want the array from `values()`
let result = Object.values(arr)
console.log(result)

edited Jul 3, 2019 at 2:36

alo Malbarez

3722 gold badges6 silver badges17 bronze badges

answered Jul 2, 2019 at 23:11

Mark

92.6k8 gold badges116 silver badges156 bronze badges

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

Comments

Adil Liaqat · Accepted Answer · 2019-07-02 23:27:43Z

3

Hope this help

iHaveThat.map((v) => ({
   [v.question]:v.answer
}))

EDIT

var obj = {};
iHaveThat.forEach((v) => {
 // Checking if the key is available in the object or not. 
 //If key isn't available it will create the object for the key.
 if(!obj[v.form_filled_key])
  obj[v.form_filled_key] = { }
 // If object is already created we will just add new field in the object
 obj[v.form_filled_key][v.question] = v.answer
})
// To convert object into array of objects.
obj = Object.values(obj)

edited Jul 2, 2019 at 23:27

answered Jul 2, 2019 at 23:05

Adil Liaqat

2293 silver badges11 bronze badges

3 Comments

Patrick Evans Over a year ago

That wouldnt combine the objects, that would just produce a 1to1 transform which op isnt after

Jota Over a year ago

Hello Adill, thanks for your answer.. i already tried it but as Patrick told, it doesnt combine the objects

Patrick Evans Over a year ago

You should add a description/explanation of what your code is doing. Code dumps dont teach.

Jack Bashford · Accepted Answer · 2019-07-02 23:21:49Z

1

Use reduce.

const iHaveThis = [{question:"What's your name?",answer:'dda',form_filled_key:15,},{question:"What's your e-mail?",answer:'[email protected]',form_filled_key:15,},{question:"What's your e-mail?",answer:'[email protected]',form_filled_key:14,},{question:"What's your name?",answer:'DAS',form_filled_key:14,}];

const res = Object.values(iHaveThis.reduce((a, { question, answer, form_filled_key }) => {
  (a[form_filled_key] = a[form_filled_key] || {})[question] = answer;
  return a;
}, {}));

console.log(res);

answered Jul 2, 2019 at 23:21

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Comments

alo Malbarez · Accepted Answer · 2019-07-03 02:34:28Z

1

You could also create an ES6 generator to batch the array by 2 and then Array.reduce over it:

const arr = [
  { question: "What's your name?", answer: 'dda', form_filled_key: 15, },
  { question: "What's your e-mail?", answer: '[email protected]', form_filled_key: 15, },
  { question: "What's your e-mail?", answer: '[email protected]', form_filled_key: 14, },
  { question: "What's your name?", answer: 'DAS', form_filled_key: 14, },
];

function* batch (arr, n=2) {
  let i = 0
  while (i < arr.length) {
    yield arr.slice(i, i + n).reduce((r,c) => (r[c.question] = c.answer, r), {})
    i += n
  }
}

let result = [...batch(arr)]

console.log(result)

edited Jul 3, 2019 at 2:34

alo Malbarez

3722 gold badges6 silver badges17 bronze badges

answered Jul 2, 2019 at 23:49

Akrion

18.6k1 gold badge38 silver badges58 bronze badges

Comments

Slai · Accepted Answer · 2019-07-03 09:19:02Z

0

The (object[key] = object[key] || {}) pattern can be used to add values if they don't exist :

const arr = [{question: "What's your name?",answer: 'dda',form_filled_key: 15,},{question: "What's your e-mail?",answer: '[email protected]',form_filled_key: 15,},{question: "What's your e-mail?",answer: '[email protected]',form_filled_key: 14,},{question: "What's your name?",answer: 'DAS',form_filled_key: 14}]

const result = Object.values(arr.reduce((o, v, i) => 
    ((o[i = v.form_filled_key] = o[i] || {})[v.question] = v.answer, o), {}))

console.log( result )

answered Jul 3, 2019 at 9:19

Slai

23k5 gold badges49 silver badges55 bronze badges

Collectives™ on Stack Overflow

How transform that array of objects?

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related