JavaScript - What is the best way to add the same object value into an array?

Question

JavaScript - What is the best way to add the same object value into an array?

After spending a few hours trying to figure out how to manage JSON data structured like this:

[
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  },
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  }
]

I would like to create an array under the NameCategory property in case the NameCategory value is duplicated. The expected output should be as follows:

[
  {
    "NamaCategory": "Primary Category",
    "value":[
      {
        "value": "Osteonecrosis",
        "Diagnosis_Code": "DIAG002",
        "FK_Diagnosis_Content_ID": 2
      },
      {
        "value": "Osteonecrosis",
        "Diagnosis_Code": "DIAG004",
        "FK_Diagnosis_Content_ID": 2
      }
    ]
  },
  {
    "NamaCategory": "Healing",
    "value":[
      {
        "value": "Malunion",
        "Diagnosis_Code": "DIAG002",
        "FK_Diagnosis_Content_ID": 19
      },
      {
        "value": "Malunion",
        "Diagnosis_Code": "DIAG004",
        "FK_Diagnosis_Content_ID": 19
      }
    ]
  }
]

Since I am not very familiar with handling JSON, I am seeking assistance,

Can anyone provide guidance on how to manipulate this JSON data?

javascript json

Answer 1

Answer №1

To achieve this, utilize the reduce method. This method will create a new array and then iterate through the old array to check if an object with a matching name as the NamaCategory exists in the new array using the findIndex function. If the object does not exist, a new object is created with the desired value and added to the new array. If the NamaCategory already exists, the value array is simply updated.

var originalArray = [{"value":"Osteonecrosis","Diagnosis_Code":"DIAG002","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG002","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19},{"value":"Osteonecrosis","Diagnosis_Code":"DIAG004","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG004","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19}];

var newArray = originalArray.reduce(function(accumulator, current) {
  // Find the index in the array where NamaCategory matches
  var findIfNameExists = accumulator.findIndex(function(item) {
    return item.NamaCategory === current.NamaCategory;
  })
  // If no such object exists in the new array where namecategory matches, create a new object
  if (findIfNameExists === -1) {
    let obj = {
      'NamaCategory': current.NamaCategory,
      "value": [current]
    }
    accumulator.push(obj)
  } else {
    // If the name category matches, push the value 
    accumulator[findIfNameExist].value.push(current)
  }
  return accumulator;

}, []);
console.log(newArray)

Answer 2

To achieve this, utilize the reduce method. This method will create a new array and then iterate through the old array to check if an object with a matching name as the NamaCategory exists in the new array using the findIndex function. If the object does not exist, a new object is created with the desired value and added to the new array. If the NamaCategory already exists, the value array is simply updated.

var originalArray = [{"value":"Osteonecrosis","Diagnosis_Code":"DIAG002","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG002","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19},{"value":"Osteonecrosis","Diagnosis_Code":"DIAG004","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG004","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19}];

var newArray = originalArray.reduce(function(accumulator, current) {
  // Find the index in the array where NamaCategory matches
  var findIfNameExists = accumulator.findIndex(function(item) {
    return item.NamaCategory === current.NamaCategory;
  })
  // If no such object exists in the new array where namecategory matches, create a new object
  if (findIfNameExists === -1) {
    let obj = {
      'NamaCategory': current.NamaCategory,
      "value": [current]
    }
    accumulator.push(obj)
  } else {
    // If the name category matches, push the value 
    accumulator[findIfNameExist].value.push(current)
  }
  return accumulator;

}, []);
console.log(newArray)

Answer 3

Answer №2

var items = [{"value":"Osteonecrosis","Diagnosis_Code":"DIAG002","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG002","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19},{"value":"Osteonecrosis","Diagnosis_Code":"DIAG004","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG004","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19}];

var result = [];
items.forEach(function(element) {
  var found = false;
  result.forEach(function(item) {
    if (element.NamaCategory == item.NamaCategory) {
      found = true;
    }
  });

  if (!found) {
    var newObj = {
      NamaCategory: element.NamaCategory,
      values: [element]
    }
    result.push(newObj);
  } else {
    result.forEach(function(item) {
      if (element.NamaCategory == item.NamaCategory) {
        item.values.push(element);
      }
    });
  }
});

console.log(result);

Simply iterate through the data and verify if an element exists in the final array. If it does, add the value to the values property; if not, create a new property in the final array.

Answer 4

var items = [{"value":"Osteonecrosis","Diagnosis_Code":"DIAG002","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG002","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19},{"value":"Osteonecrosis","Diagnosis_Code":"DIAG004","NamaCategory":"Primary Category","FK_Diagnosis_Content_ID":2},{"value":"Malunion","Diagnosis_Code":"DIAG004","NamaCategory":"Healing","FK_Diagnosis_Content_ID":19}];

var result = [];
items.forEach(function(element) {
  var found = false;
  result.forEach(function(item) {
    if (element.NamaCategory == item.NamaCategory) {
      found = true;
    }
  });

  if (!found) {
    var newObj = {
      NamaCategory: element.NamaCategory,
      values: [element]
    }
    result.push(newObj);
  } else {
    result.forEach(function(item) {
      if (element.NamaCategory == item.NamaCategory) {
        item.values.push(element);
      }
    });
  }
});

console.log(result);

Simply iterate through the data and verify if an element exists in the final array. If it does, add the value to the values property; if not, create a new property in the final array.

Answer 5

Answer №3

let data = [
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  },
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  }
];

// Code to group data by 'NamaCategory'
let dataByNamaCategory = {};
data.forEach(({NamaCategory, ...otherProps}) => {
  if(NamaCategory in dataByNamaCategory){
    dataByNamaCategory[NamaCategory].value.push(otherProps)
  }else{
    dataByNamaCategory[NamaCategory] = { NamaCategory, value: [ otherProps ] };
  }
});

let groupedData = Object.values(dataByNamaCategory);
console.log(groupedData);

.as-console-wrapper{top:0;max-height:100%!important}

This code snippet demonstrates how to group data based on the 'NamaCategory' attribute using object destructuring in JavaScript. It may require some understanding of object destructuring and array manipulation. More information on object destructuring can be found here.

Answer 6

let data = [
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG002",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  },
  {
    "value": "Osteonecrosis",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Primary Category",
    "FK_Diagnosis_Content_ID": 2
  },
  {
    "value": "Malunion",
    "Diagnosis_Code": "DIAG004",
    "NamaCategory": "Healing",
    "FK_Diagnosis_Content_ID": 19
  }
];

// Code to group data by 'NamaCategory'
let dataByNamaCategory = {};
data.forEach(({NamaCategory, ...otherProps}) => {
  if(NamaCategory in dataByNamaCategory){
    dataByNamaCategory[NamaCategory].value.push(otherProps)
  }else{
    dataByNamaCategory[NamaCategory] = { NamaCategory, value: [ otherProps ] };
  }
});

let groupedData = Object.values(dataByNamaCategory);
console.log(groupedData);

.as-console-wrapper{top:0;max-height:100%!important}

This code snippet demonstrates how to group data based on the 'NamaCategory' attribute using object destructuring in JavaScript. It may require some understanding of object destructuring and array manipulation. More information on object destructuring can be found here.

JavaScript - What is the best way to add the same object value into an array?

Answer №1

Answer №2

Answer №3

Similar questions

What are the best practices for managing live notifications with WebSocket technology?

Vue-based bot for telegram web application

Transitioning from GeometryUtils.merge() to geometry.merge()

The issue of jQuery's .last() function triggering multiple times with just a single click on the last

Objective C - Organize JSON data into groups

Is there a way to undo the changes made by the following execution using Javascript?

Information is cleared before it is transmitted

Modifying an array without altering the reference

Unable to debug json.loads() code using pdb

React App with Material UI V1-beta Integration

Navigating through different components in React is made possible with React Router

What is causing the malfunction in this code? (Regarding the key and value variable objects)

The issue of empty strings not converting to null when passing a JSON object to a controller

Images do not appear on Bootstrap Carousel as expected

Puppeteer does not support the use of multiple proxies concurrently

Maintaining the "Date" value in React Native DatePickerIOS when returning from other pages

Using Jquery to add a list after parsing JSON data stored in localStorage

A guide to downloading a file linked to Javascript with the help of Java

Activate the date-picker view when the custom button is clicked

Learn how to dynamically switch the background image of a webpage using a button in AngularJS