- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to merge an array with an object where values are arrays - JavaScript
Suppose, we have an array and an object like these −
const arr = [1, 2, 3, 4, 5]; const obj = { group1: ["Ram", "Mohan", "Shyam"], group2: ["Jai", "Dinesh"], };
We are required to zip the array and the object so that the values in the array are assigned to the new objects that are keyed with the values in the object.
Like this −
const output = { group1: { "Ram": 1, "Mohan": 2, "Shyam": 3 }, group2: { "Jai": 4, "Dinesh": 5 } };
We will iterate over each array item and simultaneously assign values to the new object’s keys.
Example
Following is the code −
const arr = [1, 2, 3, 4, 5]; const obj = { group1: ["Ram", "Mohan", "Shyam"], group2: ["Jai", "Dinesh"], }; const zipObject = (arr, obj) => { const res = {}; for(let i = 0; i < arr.length; i++){ if(obj['group1'][i]){ if(!res['group1']){ res['group1'] = {}; }; res['group1'][obj['group1'][i]] = arr[i]; }else{ if(!res['group2']){ res['group2'] = {}; } res['group2'][obj['group2'][i - obj['group1'].length]] = arr[i]; }; }; return res; }; console.log(zipObject(arr, obj));
Output
This will produce the following output in console −
{ group1: { Ram: 1, Mohan: 2, Shyam: 3 }, group2: { Jai: 4, Dinesh: 5 } }
Advertisements