What is the best way to divide an object key and transform it into an array of objects?

Question

What is the best way to divide an object key and transform it into an array of objects?

Currently, I am encountering an issue with converting an object into an array of objects. The object I have is structured as follows:

const employeeDetails = {
  "admin-name": "deepak",
  "admin-age": "29",
  "tester-name": "raju",
  "tester-age": "26",
};

The desired format is:

const employeeDetails = [
  {
    _id: "admin",
    name: "deepak",
    age: 29,
  },
  {
   _id: "tester",
   name: "raju",
   age: 26,
  },
];

javascript arrays json object destructuring

Answer 1

Answer №1

Here is a way to achieve the desired output:

const teamDetails = {
  "leader-name": "Alice",
  "leader-age": "35",
  "member-name": "Bob",
  "member-age": "28",
}

const teamArray = Object
  .entries(teamDetails)
  .map(([key, value]) => {
    const [_id, attribute] = key.split('-')
    return {
      _id,
      [attribute]: value
    }
  })
  .reduce((acc, cur) => {
    acc[cur._id] ??= { _id: cur._id }
    Object.assign(acc[cur._id], cur)
    return acc
  }, {})

const finalResult = Object.values(teamArray)
console.log(finalResult)

Answer 2

Here is a way to achieve the desired output:

const teamDetails = {
  "leader-name": "Alice",
  "leader-age": "35",
  "member-name": "Bob",
  "member-age": "28",
}

const teamArray = Object
  .entries(teamDetails)
  .map(([key, value]) => {
    const [_id, attribute] = key.split('-')
    return {
      _id,
      [attribute]: value
    }
  })
  .reduce((acc, cur) => {
    acc[cur._id] ??= { _id: cur._id }
    Object.assign(acc[cur._id], cur)
    return acc
  }, {})

const finalResult = Object.values(teamArray)
console.log(finalResult)

Answer 3

Answer №2

const userDetails = {
  "user-name": "jessica",
  "user-age": "35",
  "user-role": "manager"
};

const formattedObj = Object.entries(userDetails).reduce(
  (accumulator, [key, value]) => {
    const dashIndex = key.indexOf('-');
    const parts = [key.slice(0, dashIndex), key.slice(dashIndex+1)];
    
    accumulator[parts[0]] ??= { id: parts[0] };
    accumulator[parts[0]][parts[1]] = value;
    return accumulator;
  }
, {});

const formattedArr = Object.values(formattedObj);

console.log(formattedArr);

Answer 4

const userDetails = {
  "user-name": "jessica",
  "user-age": "35",
  "user-role": "manager"
};

const formattedObj = Object.entries(userDetails).reduce(
  (accumulator, [key, value]) => {
    const dashIndex = key.indexOf('-');
    const parts = [key.slice(0, dashIndex), key.slice(dashIndex+1)];
    
    accumulator[parts[0]] ??= { id: parts[0] };
    accumulator[parts[0]][parts[1]] = value;
    return accumulator;
  }
, {});

const formattedArr = Object.values(formattedObj);

console.log(formattedArr);

Answer 5

Answer №3

const staffInfo = {
  "admin-name": "alex",
  "admin-age": "32",
  "tester-name": "jane",
  "tester-age": "28",
}

const processStaffRecords = (details) => {
  const recordsList = new Map();
  for (const [key, value] of Object.entries(details)) {
    const splitKey = key.split("-");
    if (splitKey.length === 2) {
      const recordItem = recordsList.get(splitKey[0]);
      if (typeof recordItem === "undefined") {
        const info = {
          _id: splitKey[0],
          [splitKey[1]]: value,
        };
        recordsList.set(info._id, info);
      } else {
        recordItem[splitKey[1]] = value;
      }
    }
  }
  return [...recordsList.values()];
};

console.log(processStaffRecords(staffInfo));

Answer 6

const staffInfo = {
  "admin-name": "alex",
  "admin-age": "32",
  "tester-name": "jane",
  "tester-age": "28",
}

const processStaffRecords = (details) => {
  const recordsList = new Map();
  for (const [key, value] of Object.entries(details)) {
    const splitKey = key.split("-");
    if (splitKey.length === 2) {
      const recordItem = recordsList.get(splitKey[0]);
      if (typeof recordItem === "undefined") {
        const info = {
          _id: splitKey[0],
          [splitKey[1]]: value,
        };
        recordsList.set(info._id, info);
      } else {
        recordItem[splitKey[1]] = value;
      }
    }
  }
  return [...recordsList.values()];
};

console.log(processStaffRecords(staffInfo));

What is the best way to divide an object key and transform it into an array of objects?

Answer №1

Answer №2

Answer №3

Similar questions

Specialized function to identify modifications in data attribute value

Looking to implement pyperclip functionality on Heroku platform

Is there a solution to fix the issue with IE causing hover effects not to

grab the destination URL from the embedded frame

Java: Understanding how JSONObject inherits properties and methods from its

Invoke a PHP model function from JavaScript

separate paths on a map into sections each measuring one unit

Extend the shelf life of cookies by utilizing AngularJS

Transform the infoBox into a jQuery dialog modal window

Vue.js v-for dynamically creates HTML blocks that capture the state of collapse with two-way data binding

How to use JavaScript to toggle datalabels on Highcharts?

Looking for the child route parameter in Ember - A comprehensive guide

What is the method for fetching the value from checkbox buttons in Bootstrap 4?

Rendering JSON Data in JavaScript using Table Pagination

Arranging icons at the bottom of the post with a text box that changes dynamically

Delete elements within an array

When examining the full response body in Postman, it is important to take into consideration the JSON DataSchema

What steps can be taken to ensure that events are triggered on the correct DIV element?

Node JS - Fetching data using Busboy

Should I use double or int for bubble sort?