How can I sort an array by string?
const filter = [
{ index: "First" },
{ index: "Second" },
{ index: "Third" }
]
const data = [
{ title: 'Apple', index: "Second" },
{ title: 'Samsung', index: "First" },
{ title: 'BMW', index: "Third" },
{ title: 'Apple', index: "Second" },
{ title: 'Apple', index: "Second" },
{ title: 'Samsung', index: "First" }
]
Expected results:
const data = [
{ title: 'Samsung', index: "First" },
{ title: 'Samsung', index: "First" },
{ title: 'Apple', index: "Second" },
{ title: 'Apple', index: "Second" },
{ title: 'BMW', index: "Third" }
]
How to iterate over two arrays correctly? Do I have to iterate over two arrays to do this? Or is there another way to get the desired result?
Given three inputs - "First", "Second", "Third", if there will be more of these indices?
Array#reduce, iterate over filter and save each object's index attribute and its index in the array in a MapArray#sort, sort data by the values of the index attributes from the above mapconst
filter = [ { index: "First" }, { index: "Second" }, { index: "Third" } ],
data = [ { title: 'Apple', index: "Second" }, { title: 'Samsung', index: "First" }, { title: 'BMW', index: "Third" }, { title: 'Apple', index: "Second" }, { title: 'Apple', index: "Second" }, { title: 'Samsung', index: "First" } ];
const indexSortMap = filter.reduce((map, { index }, i) => map.set(index, i), new Map);
data.sort(({ index: a }, { index: b }) => indexSortMap.get(a) - indexSortMap.get(b));
console.log(data);Use Array#sort with custom compareFunction and Array#findIndex with custom callback function
const filter = [ { index: "First",}, {index: "Second",}, {index: "Third",}];
const data = [ { title: 'Apple', index: "Second" }, { title: 'Samsung', index: "First" }, { title: 'BMW', index: "Third" }, { title: 'Apple', index: "Second" }, { title: 'Apple', index: "Second" }, { title: 'Samsung', index: "First" } ];
data.sort((a ,b) => {
return filter.findIndex(i => i.index === a.index) - filter.findIndex(i => i.index === b.index);
});
console.log(data);One possible solution (and simple) is by iterating these two arrays. They will be pushed according to the order of the "filter" array:
const sortedArray = []
filter.forEach(fil=> {
data.forEach(dat=>{
if(dat.index===fil.index)
sortedArray.push(dat)
})
})
console.log(sortedArray)