combine the value of one key with the value of another key within an array

Question

combine the value of one key with the value of another key within an array

const array = [{
    id: 1,
    name: 'Bob',
    education: [{
      degree: 'bachelors',
      Major: 'computers'
    }, {
      degree: 'masters',
      Major: 'computers'
    }]
  },
  {
    id: 2,
    name: 'Alice',
    education: [{
      degree: 'bachelors',
      Major: 'electronics'
    }, {
      degree: 'masters',
      Major: 'electronics'
    }]
  }
];


const resultArray = [{
    id: 1,
    name: 'Bob',
    education: [{
      degree: 'bachelors',
      Major: 'computers',
      id: 1
    }, {
      degree: 'masters',
      Major: 'computers',
      id: 1
    }]
  },
  {
    id: 2,
    name: 'Alice',
    education: [{
      degree: 'bachelors',
      Major: 'electronics',
      id: 2
    }, {
      degree: 'masters',
      Major: 'electronics',
      id: 2
    }]
  }
];

I need assistance in adding the id with its corresponding value from the array to each object in the education array. Any suggestions on how I can achieve this?

Your help would be greatly appreciated.

javascript ecmascript-6

Answer 1

Answer №1

To extract each object within an array and assign the 'id' value to the 'education' array, you can iterate over the array and use a loop to achieve this. Either a simple 'for' loop or Array.forEach() method can be employed for this purpose. Any changes made to an object property will directly modify the original object.

IMPLEMENTING forEach()

const array = [{
  id: 1,
  name: 'Bob',
  education: [{
    degree: 'bachelors',
    Major: 'computers'
  }, {
    degree: 'masters',
    Major: 'computers'
  }]
}, {
  id: 2,
  name: 'Alice',
  education: [{
    degree: 'bachelors',
    Major: 'electronics'
  }, {
    degree: 'masters',
    Major: 'electronics'
  }]
}];
array.forEach((item) => {
  item.education.forEach((educationObj) => {
    educationObj['id'] = item.id;
  });
});
console.log(array);

USING for

const array = [{
  id: 1,
  name: 'Bob',
  education: [{
    degree: 'bachelors',
    Major: 'computers'
  }, {
    degree: 'masters',
    Major: 'computers'
  }]
}, {
  id: 2,
  name: 'Alice',
  education: [{
    degree: 'bachelors',
    Major: 'electronics'
  }, {
    degree: 'masters',
    Major: 'electronics'
  }]
}];
for(var i=0; i<array.length; i++){
 for(var j=0; j<array[i].education.length; j++){
    array[i].education[j]['id'] = array[i].id;
  }
}
console.log(array);

Answer 2

To extract each object within an array and assign the 'id' value to the 'education' array, you can iterate over the array and use a loop to achieve this. Either a simple 'for' loop or Array.forEach() method can be employed for this purpose. Any changes made to an object property will directly modify the original object.

IMPLEMENTING forEach()

const array = [{
  id: 1,
  name: 'Bob',
  education: [{
    degree: 'bachelors',
    Major: 'computers'
  }, {
    degree: 'masters',
    Major: 'computers'
  }]
}, {
  id: 2,
  name: 'Alice',
  education: [{
    degree: 'bachelors',
    Major: 'electronics'
  }, {
    degree: 'masters',
    Major: 'electronics'
  }]
}];
array.forEach((item) => {
  item.education.forEach((educationObj) => {
    educationObj['id'] = item.id;
  });
});
console.log(array);

USING for

const array = [{
  id: 1,
  name: 'Bob',
  education: [{
    degree: 'bachelors',
    Major: 'computers'
  }, {
    degree: 'masters',
    Major: 'computers'
  }]
}, {
  id: 2,
  name: 'Alice',
  education: [{
    degree: 'bachelors',
    Major: 'electronics'
  }, {
    degree: 'masters',
    Major: 'electronics'
  }]
}];
for(var i=0; i<array.length; i++){
 for(var j=0; j<array[i].education.length; j++){
    array[i].education[j]['id'] = array[i].id;
  }
}
console.log(array);

Answer 3

Answer №2

To accomplish this task, you simply need to use a nested .map() method like so:

const resultArray = array.map(x => {
  x.education = x.education.map(e => {
    e.id = x.id;
    return e;
  });
  return x
});

The first .map() function is used to iterate over and transform your original array, while the inner .map() is utilized to modify and transform the inner education array.

Here is a demonstration:

const array = 
      [{ id: 1, name: 'Bob', education: [{degree: 'bachelors', Major: 'computers'}, {degree: 'masters', Major: 'computers'}] },
       { id: 2, name: 'Alice', education: [{degree: 'bachelors', Major: 'electronics'}, {degree: 'masters', Major: 'electronics'}] }];

const resultArray = array.map(x => {
  x.education = x.education.map(e => {
    e.id = x.id;
    return e;
  });
  return x
});

console.log(resultArray);

Answer 4

To accomplish this task, you simply need to use a nested .map() method like so:

const resultArray = array.map(x => {
  x.education = x.education.map(e => {
    e.id = x.id;
    return e;
  });
  return x
});

The first .map() function is used to iterate over and transform your original array, while the inner .map() is utilized to modify and transform the inner education array.

Here is a demonstration:

const array = 
      [{ id: 1, name: 'Bob', education: [{degree: 'bachelors', Major: 'computers'}, {degree: 'masters', Major: 'computers'}] },
       { id: 2, name: 'Alice', education: [{degree: 'bachelors', Major: 'electronics'}, {degree: 'masters', Major: 'electronics'}] }];

const resultArray = array.map(x => {
  x.education = x.education.map(e => {
    e.id = x.id;
    return e;
  });
  return x
});

console.log(resultArray);

Answer 5

Answer №3

One effective approach is to utilize nested maps for resolving the issue.

const updatedArray = array.map((arr) => {
  array.education = arr.education.map((e) => {
   e.id = arr.id;
   return e;
 });
 return arr;
});

Answer 6

One effective approach is to utilize nested maps for resolving the issue.

const updatedArray = array.map((arr) => {
  array.education = arr.education.map((e) => {
   e.id = arr.id;
   return e;
 });
 return arr;
});

combine the value of one key with the value of another key within an array

Answer №1

Answer №2

Answer №3

Similar questions

initiate a page refresh upon selecting a particular checkbox

Designing access to data in JavaScript

Managing the triggering of the automatic transition in view models

Setting a CSS Variable with the Help of jQuery

Implementing a function to save a file to a nested directory in node.js

Tips on stopping the page from scrolling following an ajax request (return false not effective or potentially misplaced)

Can I trust the security of my credentials if they are able to be logged in the console

Expand the image to fill the entirety of the viewing area

Sort and incorporate elements by multiple strings present in an array

Transforming nested JSON files into nested jQuery divs

Prevent draggable canvas elements from overlapping using jQuery

retrieve the value of a specific key using JSON stringify

Step by step guide on inserting a message (memo/sticky note) onto an HTML page

`Datatables sorting feature for British date and time`

Uh-oh! Angular 6 has encountered an unexpected error with template parsing

What is the best way to implement CSS rules for a hidden submenu?

Tips for implementing validation in JavaScript

Tips for Retrieving the Key Names of JSON Objects within a JSON Array

Use JavaScript to swap out various HTML content in order to translate the page

At times, the Angular Modal Dropdown may unexpectedly open in an upward direction