sort()
- .sort(비교함수)
sort() 메서드는 배열의 요소를 정렬하여 배열을 반환한다. 비교함수를 작성하지 않으면 기본 정렬 순서는 문자열의 유니코드를 따른다.
localeCompare()
- 참조문자열.localeCompare(비교문자열);
localeCompare() 메서드는 참조 문자열이 지정된 문자열 앞 혹은 뒤에 오는지, 동일한 문자열인지를 나타내는 수치를 반환한다. 비교문자열 전에 참조문자열이 오면 음수, 비교문자열 뒤에 참조문자열이 오면 양수, 동등한 경우 0을 반환한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log("가".localeCompare("나")); //-1
console.log("나".localeCompare("가")); // 1
console.log("가".localeCompare("가")); // 0
</script>
</body>
</html>
sort와 localeCompare 사용한 테이블 정렬
아래 예시에서 오름차순이 아니라 내림차순으로 설정하고 싶다면, b를 참조문자열, a를 비교문자열로 설정하면 된다.
See the Pen Untitled by coding-ji (@coding-ji) on CodePen.
'Frontend > JavaScript' 카테고리의 다른 글
| JavaScript : DOM 요소의 높이 / 너비를 알아보자(client / offset / scroll / getBoundingClientRect()) (0) | 2024.07.30 |
|---|---|
| JavaScript의 class를 사용해보자 (0) | 2024.07.30 |
| JavaScript 프로토타입(prototype)과 생성자 함수 (0) | 2024.07.30 |
| JavaScript 콜백함수란? (0) | 2024.07.29 |
| JavaScript의 특징: 스코프와 실행 컨텍스트 (0) | 2024.07.29 |
| JavaScript : DOM에서 class를 설정해보자 (0) | 2024.07.29 |
| JavaScript : DOM의 이벤트를 설정해보자 (0) | 2024.07.29 |
| JavaScript : DOM을 통해 input 값 받아오기 (0) | 2024.07.29 |