Supongamos que tenemos una matriz de objetos y queremos que mueva algunos objetos con una determinada propiedad al comienzo de la matriz. Para mayor claridad daré un ejemplo:
let arr = [ {id:5 , tag: "X" , name:"mohsen"}, {id:1 , tag: "A" , name:"hasan"}, {id:3 , tag: "P" , name:"ali"}, {id:8 , tag: "D" , name:"mehran"}, {id:4 , tag: "C" , name:"nima"}, {id:12 , tag: "A" , name:"keivan"}, {id:6 , tag: "P" , name:"pedram"}, {id:17 , tag: "X" , name:"masoud"}, {id:20 , tag: "D" , name:"hadi"}, ]; en este momento, si queremos mover objetos con tag:"P" al comienzo de la matriz como se muestra a continuación:
[ {id: 3 ,name: "ali",tag: "P"}, {id: 6,name: "pedram",tag: "P"}, {id: 5,name: "mohsen",tag: "X"}, {id: 1,name: "hasan",tag: "A"}, {id: 8,name: "mehran",tag: "D"}, {id: 4,name: "nima",tag: "C"}, {id: 12,name: "keivan",tag: "A"}, {id: 17,name: "masoud",tag: "X"}, {id: 20,name: "hadi",tag: "D"} ]¿Qué debemos hacer?
para una descripción más detallada, primero mapeamos en la matriz, luego para cada elemento de la matriz comprobamos esa item[propName] === propValue si es verdadera, entonces cortamos este elemento de su lugar con const b = arr.splice(index , 1); y colóquelo al principio de la matriz con arr.splice(place,0,...b); , la variable de place sigue el nuevo índice del comienzo de la matriz.
let arr = [ {id:5 , tag: "X" , name:"mohsen"}, {id:1 , tag: "A" , name:"hasan"}, {id:3 , tag: "P" , name:"ali"}, {id:8 , tag: "D" , name:"mehran"}, {id:4 , tag: "C" , name:"nima"}, {id:12 , tag: "A" , name:"keivan"}, {id:6 , tag: "P" , name:"pedram"}, {id:17 , tag: "X" , name:"masoud"}, {id:20 , tag: "D" , name:"hadi"}, ]; function reorderListByProp(propName , propValue) { const rem = []; let place = 0; arr.map((item , index) => { if(item[propName] === propValue) { const b = arr.splice(index , 1); arr.splice(place,0,...b); place++; } }); return arr; } console.log(reorderListByProp('tag' , 'P'));