Home IT/WEB 배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과 각 속성에 대한 정렬 순서(오름차순 ‘asc’ 또는 내림차순 ‘desc’)를 지정하여 사용할 수 있습니다.

Lodash _.orderBy

inline ad

_.orderBy는 매우 유연해서 여러 기준으로 정렬이 필요한 경우에도 사용할 수 있으며, 각 기준에 대해 별도의 정렬 순서를 지정할 수 있습니다.

먼저 user로 오름차순 정렬하고, age 기준으로 내림차순 정렬하여 사용자 목록을 정렬합니다.

const users = [
  { 'user': 'kim',   'age': 20 },
  { 'user': 'lee', 'age': 36 },
  { 'user': 'jang',   'age': 40 },
  { 'user': 'go', 'age': 34 }
];

// 'user' 키를 기준으로 오름차순 정렬하고, 동일한 'user' 값이면 'age' 키를 기준으로 내림차순 정렬
const orderedUsers = _.orderBy(users, ['user', 'age'], ['asc', 'desc']);

참고문서

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...