Merge the elements in an array using the items in JSON

Question

Merge the elements in an array using the items in JSON

I am struggling with extracting arrays from a simple array of JSON items. Here is the original data:

array = [
 {number: 9, item: 'Item 1', descripton: 'abc'},
 {number: 5, item: 'Item 2', descripton: 'def'},
 {number: 9, item: 'Item 2', descripton: 'ghi'},
 {number: 9, item: 'Item 1', descripton: 'xyz'},
]

My goal is to group items based on similar parameters ('number', 'item') and create a new array like below:

array = [
 [
  {number: 9, item: 'Item 1', descripton: 'abc'},
  {number: 9, item: 'Item 1', descripton: 'xyz'},
 ],
 [
  {number: 5, item: 'Item 2', descripton: 'def'},
 ],
 [
  {number: 9, item: 'Item 2', descripton: 'ghi'},
 ] 
]

I have attempted to use the .sort() and .filter() methods, but I have not been able to achieve the desired result.

javascript arrays json sorting

Answer 1

Answer №1

let data = [
 {
  number: 9,
  item: 'Item A',
  descripton: 'abc'
 },
 {
  number: 5,
  item: 'Item B',
  descripton: 'def'
 },
 {
  number: 9,
  item: 'Item C',
  descripton: 'ghi'
 },
 {
  number: 9,
  item: 'Item A',
  descripton: 'xyz'
 },
];
data.sort((a, b) => {
      if (a.item > b.item) {
        return 1;
      } else {
        return -1;
      }
    });
    console.log(data);

When you execute the above JavaScript code, the output will be like this:
[
  { number: 9, item: 'Item A', description: 'xyz' },
  { number: 9, item: 'Item A', description: 'abc' },
  { number: 9, item: 'Item C', description: 'ghi' },
  { number: 5, item: 'Item B', description: 'def' }
]

Answer 2

let data = [
 {
  number: 9,
  item: 'Item A',
  descripton: 'abc'
 },
 {
  number: 5,
  item: 'Item B',
  descripton: 'def'
 },
 {
  number: 9,
  item: 'Item C',
  descripton: 'ghi'
 },
 {
  number: 9,
  item: 'Item A',
  descripton: 'xyz'
 },
];
data.sort((a, b) => {
      if (a.item > b.item) {
        return 1;
      } else {
        return -1;
      }
    });
    console.log(data);

When you execute the above JavaScript code, the output will be like this:
[
  { number: 9, item: 'Item A', description: 'xyz' },
  { number: 9, item: 'Item A', description: 'abc' },
  { number: 9, item: 'Item C', description: 'ghi' },
  { number: 5, item: 'Item B', description: 'def' }
]

Merge the elements in an array using the items in JSON

Answer №1

Similar questions

Get every possible combination of a specified length without any repeated elements

Changing from a vertical to horizontal menu as the parent div is resized

Leverage the JSON data retrieved from a URL within a Rails application

I'm struggling with deleting a row from a pushed Object in Angular 2 and could use some guidance

Instructions for inserting a blank line between each JSONObject within a JSONArray, by utilizing json.simple and the Java programming language

Utilize HarLib in Java to Retrieve Response Data

Weekly downloads for NPM show no activity

What causes the React white screen of death to disappear when this code is commented out?

Update the content of an image in a Div without altering its filename

Guide to generating an array entry for every line of a text file in node.js

Showcase an Array on an HTML page using EJS

"Troubleshooting: Ajax File Uploader Plugin Not Functioning Properly

Encountering an issue: "req.validatonErrors" is throwing an error as it is not recognized as a function. The

Having trouble with .animate() function?

Troubleshooting a scope problem with ng-include while maintaining the original template

Display the flowplayer div when the anchor is clicked

Encountering an issue with receiving "undefined" values while utilizing WordPress post metadata in AngularJS

Struggling to disable a checkbox for individuals with disabilities

Implementing functions within a loop with the help of requirejs

Various activities tailored to the amount of clicks