본문 바로가기

자바스크립트 리뷰

Lodash 라이브러리의 _.sortBy() 사용하기 [혼공자 6-2-6]

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>

되니까 뿌듯하다.