Reorder and filter Array of Objects

Question

I'm looking for a simple way to not only filter but also reorder an array of objects so that that outcoming formats are filtered and sorted in the right order. Here's an example array

[{
  "id": "4",
  "fileName": "fileXX",
  "format": "mp3"
}, {
  "id": "5",
  "fileName": "fileXY",
  "format": "aac"
  }
}, {
  "id": "6",
  "fileName": "fileXZ",
  "format": "opus"
  }
}]

The array may be longer and contain different formats but the goal is to always only allow mp3 and aac and have aac come first in the array. Result for this example would be

[{
  "id": "5",
  "fileName": "fileXY",
  "format": "aac"
  }
},{
  "id": "4",
  "fileName": "fileXX",
  "format": "mp3"
}]

alphabetical sorting should be avoided as the desired order may change later.

May I interest you in the almighty reduce method? Sort and filter with one array method: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Max Baldwin
– Max Baldwin, Commented May 15, 2018 at 15:02

Nina Scholz · Accepted Answer · 2018-05-15 15:03:19Z

2

You could filter with an object of the wanted formats and sort it by the wanted order.

var data = [{ id: "4", fileName: "fileXX", format: "mp3" }, { id: "5", fileName: "fileXY", format: "aac" }, { id: "6", fileName: "fileXZ", format: "opus" }],
    order = { aac: 1, mp3: 2 },
    result = data
        .filter(({ format }) => format in order)
        .sort((a, b) => order[a.format] - order[b.format]);

console.log(result);

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

answered May 15, 2018 at 15:03

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Helmi Over a year ago

thank you, Nina. This is definitely a very flexible and extendable solution.

Arwandar · Accepted Answer · 2018-05-15 15:07:22Z

1

You could try something like this:

let myResult = array.filter(function(file) { 
    return file.format === 'mp3' || file.format === 'aac'
}).sort(function(a, b){
    if (a.format === b.format) return 0 // same order
    else if (a.format === 'aac') return -1 // a before b
    else return 1 // b before a
})

answered May 15, 2018 at 15:07

Arwandar

325 bronze badges

Comments

Geeky · Accepted Answer · 2018-05-15 15:16:11Z

0

You can just filter for the associated formats and then sort on the result set

var arr = [
  {
  "id": "4",
  "fileName": "fileXX",
  "format": "mp3"
}, {
  "id": "5",
  "fileName": "fileXY",
  "format": "aac"
  }, {
  "id": "6",
  "fileName": "fileXZ",
  "format": "opus"
  }
]


var filteredArr= arr.filter(item=>item.format === 'mp3' || item.format ==='aac')



filteredArr.sort(function(a,b){
  return a.format > b.format
})

console.log(filteredArr)

answered May 15, 2018 at 15:16

Geeky

7,5142 gold badges28 silver badges52 bronze badges

Collectives™ on Stack Overflow

Reorder and filter Array of Objects

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related