localeCompare 문법

메이플랜드 정보 사이트를 만들던 중, 아무리 시도해도 Object로 이루어진 Array의 한글요소로는 정렬이 되지않았다.

이전코드

  const mobNameSort = () => {
    const copy = [...mob];
    copy.sort((a, b) => a.name-b.name;
    setMob(copy);
  };

해결

  const mobNameSort = () => {
    const copy = [...mob];
    copy.sort((a, b) => a.name.localeCompare(b.name));
    setMob(copy);
  };

찾아보니, 한글의 정렬은 localeCompare 메소드를 사용하여 정렬을 할수 있었다.

출처: https://aljjabaegi.tistory.com/615 [알짜배기 프로그래머:티스토리]

프로젝트를 직접 진행하다보니 이런저런 문제에 부딪히며 직접 찾아보며 많이 배우는 것 같다.