Object Array에서 특정 value의 object를 맨 앞으로 옮기는 방법

Object로 이루어진 배열에서 특정 value가 포함되어있는 object를 배열의 맨 앞으로 옮기는 방법이다.

 

아래와 같은 데이터가 있다고 가정해보자.

const data = [
	{
		index: 1,
		id: "aaa",
		name: "aaa",
	},
	{
		index: 2,
		id: "bbb",
		name: "bbb",
	},
	{
		index: 3,
		id: "ccc",
		name: "ccc",
	}
];

위 배열에서 name이 bbb인 데이터를 앞으로 하려면 어떻게 해야 할까?

 

여러 가지 방법이 있겠지만, 가장 간단한 방법으로 spread 연산자를 이용할 수 있다.

const newArr = [
  ...data.filter(d => d.name === `bbb`),
  ...data.filter(d => d.name !== `bbb`)
];

아래와 같은 결과를 얻을 수 있다.