Arranging a collection of items by a specific attribute

Question

Arranging a collection of items by a specific attribute

const oddArray = [
    { name: "1", desc: "in odd", cat: "1" },
    { name: "3", desc: "in odd", cat: "2" }
];

const evenArray = [
    { name: "1", desc: "in even", cat: "1"},
    { name: "2", desc: "in even", cat: "1" },
    { name: "4", desc: "in even", cat: "1" }
];

I am trying to combine these arrays into a single array where objects are grouped based on the 'cat' property.

Once merged, I would like to sort this consolidated list by the 'name' property. Are there efficient ways to achieve this?

javascript sorting

Answer 1

Answer №1

Are you in need of a code snippet similar to this?

var array1 = [
  { name: "1", desc: "in odd", cat: "1" },
  { name: "3", desc: "in odd", cat: "2" }
];

var array2 = [
  { name: "1", desc: "in even", cat: "1" },
  { name: "2", desc: "in even", cat: "1" },
  { name: "4", desc: "in even", cat: "1" },
];
var array3 = array1.concat(array2);

var objConsolidated = {};

array3.forEach(element => {
  if(objConsolidated[element.cat]){
    objConsolidated[element.cat].push(element);
  } else {
    objConsolidated[element.cat] = [];
    objConsolidated[element.cat].push(element);
  }
});

console.log(objConsolidated);

Answer 2

Are you in need of a code snippet similar to this?

var array1 = [
  { name: "1", desc: "in odd", cat: "1" },
  { name: "3", desc: "in odd", cat: "2" }
];

var array2 = [
  { name: "1", desc: "in even", cat: "1" },
  { name: "2", desc: "in even", cat: "1" },
  { name: "4", desc: "in even", cat: "1" },
];
var array3 = array1.concat(array2);

var objConsolidated = {};

array3.forEach(element => {
  if(objConsolidated[element.cat]){
    objConsolidated[element.cat].push(element);
  } else {
    objConsolidated[element.cat] = [];
    objConsolidated[element.cat].push(element);
  }
});

console.log(objConsolidated);

Answer 3

Answer №2

Do You Understand?

var list1 = [
    { name : "1", desc: "in odd", cat:"1" },
    { name : "3", desc: "in odd" ,cat:"2" }
];

var list2 = [
    { name : "1", desc: "in even", cat:"1"},
    { name : "2", desc: "in even", cat:"1" },
    { name : "4", desc: "in even", cat:"1" }
];

function getItemsByCategory(category){
    var mergedList = [list1, list2].flat();
    return mergedList.filter(item => item.cat == category);
}

console.log(getItemsByCategory("1"));

Answer 4

Do You Understand?

var list1 = [
    { name : "1", desc: "in odd", cat:"1" },
    { name : "3", desc: "in odd" ,cat:"2" }
];

var list2 = [
    { name : "1", desc: "in even", cat:"1"},
    { name : "2", desc: "in even", cat:"1" },
    { name : "4", desc: "in even", cat:"1" }
];

function getItemsByCategory(category){
    var mergedList = [list1, list2].flat();
    return mergedList.filter(item => item.cat == category);
}

console.log(getItemsByCategory("1"));

Arranging a collection of items by a specific attribute

Answer №1

Answer №2

Similar questions

Having trouble retrieving the ID of a button?

What is the best way to create query strings for AJAX URL using jQuery or JavaScript?

How can I store items in a JavaScript array so that they are accessible on a different page?

What is the best way to execute a function individually for every tag within a vue.js application?

The function to focus on this.$refs[("p" + index)] element is not available

Update the page once the Ajax call is completed

Unable to locate child after adding element to HTML

Ways to incorporate a nested table into a datatable

Steps for updating text within an object in Angular

Issue with Laravel: CKEditor text not loading HTML tags

Navigating through routes using the Express framework in Node.js

The Vue.js scripts and styles declared in the index.html file seem to be malfunctioning

What is the best way to arrange an item in alphabetical order before including it in the list?

The setInterval function continues executing even after the page has been changed

Exploring a MongoDB database through mongoose to retrieve an object's properties

How can we achieve the same functionality as React Native's { flex: 1 } in React JS?

JavaScript: Efficiently Replacing Multiple Text Instances

Running an Angular-made Chrome extension within an iframe: A guide

JavaScript library unsuccessful in transferring data to PHP script

Downsides of exclusively using TypeScript for all components in a React project with .tsx files