Strategies for sorting an array of objects based on specific attributes

Question

Strategies for sorting an array of objects based on specific attributes

Here is an array of objects containing finalists:

finalistsCollection = [
    { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
    { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
    { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
    { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
    { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
]

I am attempting to filter this array based on the id value. Initially, I created a filtering function that checks if a sections array has only one object:

filter(directionId) {
     filteredCollection = this.finalistsCollection.filter((item) => item.sections[0].id === directionId
}

After applying the filter, I attempted to use the map() function, but it still returned the entire array.

javascript arrays filtering

Answer 1

Answer №1

This example shows how to filter a collection based on a specific criteria:

let contestantsCollection = [
    { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
    { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
    { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
    { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
    { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
]

function filterById(idToFilter) {
     let filteredCollection = contestantsCollection.filter((item) => {
       for (const section of item.sections) {
         if (section.id === idToFilter) {
           return true
         }
       }
       return false
     })
     console.log(filteredCollection)
}

filterById('456')

Answer 2

This example shows how to filter a collection based on a specific criteria:

let contestantsCollection = [
    { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
    { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
    { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
    { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
    { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
]

function filterById(idToFilter) {
     let filteredCollection = contestantsCollection.filter((item) => {
       for (const section of item.sections) {
         if (section.id === idToFilter) {
           return true
         }
       }
       return false
     })
     console.log(filteredCollection)
}

filterById('456')

Answer 3

Answer №2

I hope this solution is beneficial to you

let finalists = [
  { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
  { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
  { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
  { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
  { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
]

function filterResults(sectionId) {
  return finalists.filter(item =>
    item.sections.some(x => x.id === sectionId)
  );
}

console.log(filterResults('456'));

Answer 4

I hope this solution is beneficial to you

let finalists = [
  { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
  { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
  { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
  { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
  { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
]

function filterResults(sectionId) {
  return finalists.filter(item =>
    item.sections.some(x => x.id === sectionId)
  );
}

console.log(filterResults('456'));

Answer 5

Answer №3

To simplify the condition, you can employ a neat little trick:

sections.map(section=>section.id).includes(directionId)

    finalistsCollection = [
        { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
        { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
        { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
        { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
        { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
    ]



    function filter(directionId) {
         return finalistsCollection.filter((item) =>
             item.sections.map(section=>section.id).includes(directionId))
    }
    
    console.log(filter('798'))
    console.log(filter('456'))
    console.log(filter('112'))

Answer 6

To simplify the condition, you can employ a neat little trick:

sections.map(section=>section.id).includes(directionId)

    finalistsCollection = [
        { name: 'Ann' , sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}] },
        { name: 'Jack' , sections: [{id: '798', name: 'someName'}] },
        { name: 'Morgan', sections: [{id: '456', name: 'someName'}] },
        { name: 'Billy', sections: [{id: '132', name: 'someName'}, {id: '456', name: 'someName'}]}, 
        { name: 'Monica', sections: [{id: '798', name: 'someName'}] }
    ]



    function filter(directionId) {
         return finalistsCollection.filter((item) =>
             item.sections.map(section=>section.id).includes(directionId))
    }
    
    console.log(filter('798'))
    console.log(filter('456'))
    console.log(filter('112'))

Strategies for sorting an array of objects based on specific attributes

Answer №1

Answer №2

Answer №3

Similar questions

Calculating the total of selected values in Checkboxes and Selectors using KnockoutJS

Having trouble locating the module 'monaco-editor/esm/vs/editor/editor.worker' while using create react app

Angular: Radio button groups are not responding correctly when populated within a loop using ng-repeat

Utilizing Sheets Queries to merge rows and columns of text seamlessly

Creating a two-column grid layout using Bootstrap 4 is a simple and efficient process. Let's see how

How come my dimensions are not returning correctly when I use offset().top and scrollTop() inside a scrolling element?

Ensure that the bootstrap-datepicker field is validated when it is changed

What is the most effective way to utilize zoom with an Orthographic projection?

Modify the td attributes while retaining the extracted data values from the website

Unable to trap error using try-catch block within an asynchronous function

Issue with background overlapping

Utilize Nuxt.js context within a Vue plugin

Designing a pop-up window for fetching data using AngularJS

Issue: ArrayBuffer failing to function properly in conjunction with Float64Array in NodeJS

What is the best way to retrieve a particular field from a Firestore Document using JavaScript?

Automated login feature in JQuery utilizing localStorage

Vitest encountered an issue fetching a local file

What is the best way to run multiple functions from an object?

What could be causing the Vue.js image component to malfunction?

Issue with functionality of Bootstrap 4 Checkbox accordion