Lodash 를 사용해 보았다. 책 한번 눈으로 살짝 보고 혼자 코드를 쳐보았는데 공식문서를 보아야 했다. 수능영어라도 해놨어서 다행이다. 듣지도 말하지도 못하는 영어가 여기서 도움이 된다.
Lodash는 자바스크립트 라이브러리다. 임포트 코드도 찾아보니 나왔다. 처음엔 안 나와서 웹사이트를 15분쯤 뒤져야 했다. 아무튼 _.sortBy() 메소드를 간단 설명하자면 역시 코드와 주석으로 해야한다.
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<script>
// 데이터를 생성합니다.
const books = [{
name: '혼자 공부하는 파이썬',
price: 18000,
publisher: '한빛미디어'
}, {
name: 'HTML5 웹 프로그래밍 입문',
price: 26000,
publisher: '한빛아카데미'
}, {
name: '머신러닝 딥러닝 실전 개발 입문',
prie: 30000,
publisher: '위키북스'
}, {
name: '딥러닝을 위한 수학',
price: 25000,
publisher: '위키북스'
}]
// 가격으로 정렬한 뒤 출력합니다.
const output = _.sortBy(books, [function (x) { return x.name }])
// books 배열을 _.sortBy() 한다. x 는 배열의 요소로 들어간 객체이다. 그 요소의 .name 속성을 기준으로 정렬한다.
console.log(output)
console.log(JSON.stringify(output, null, 2))
// JSON.stringify() 를 쓸땐, 기본 파라미터가 3개라는 점을 기억하자. 마지막 파라미터를 안쓰면 한줄글로 나온다.
</script>
되니까 뿌듯하다.
'자바스크립트 리뷰' 카테고리의 다른 글
증감연산자 ++num 등 [혼공자 확인문제 2-2-4] (0) | 2023.04.08 |
---|---|
Lodash 라이브러리의 _.orderBy() 사용하기 [혼공자 확인문제 6-2-5] (1) | 2023.04.08 |
랜덤한 숫자 생성 [혼공자 6-2-5] (0) | 2023.04.08 |
Number () 정리 [혼공자 6-2. 268p] (0) | 2023.04.08 |
문자열과 배열의 prototype에 메소드 추가하기: 특정 데이터가 문자열이나 배열에 들어가 있는지 확인하는 기능 [혼공자 6-2-2] (0) | 2023.04.08 |