> Java > java지도 시간 > 본문

JS 배열 정렬: sort() 메서드의 기본 사용법 분석 이해

王林
풀어 주다: 2023-12-28 16:39:51
원래의
1347명이 탐색했습니다.

JS 배열 정렬: sort() 메서드의 기본 사용법 분석 이해

JS 배열 정렬: sort() 메서드의 기본 사용법 분석

JavaScript에서 배열은 일반적으로 사용되는 데이터 구조이며, 정렬은 배열의 요소를 재배열하는 일반적인 작업입니다. JS는 특정 규칙에 따라 배열을 정렬할 수 있는 sort() 메서드를 제공합니다. 이 기사에서는 sort() 메서드의 기본 사용법을 자세히 소개하고 구체적인 코드 예제를 제공합니다.

sort() 메서드는 배열의 기본 메서드이며 배열 개체의 sort()를 호출하여 사용할 수 있습니다. 두 가지 용도가 있습니다:

  1. 매개변수가 전달되지 않습니다. 이 경우 sort() 메서드는 배열 요소를 문자열로 변환하고 유니코드 인코딩 순서로 정렬합니다.
  2. 비교 함수를 매개변수로 전달하세요. 정렬 규칙을 맞춤설정할 수 있습니다.

먼저 첫 번째 사용법에 대한 샘플 코드를 살펴보겠습니다.

let arr = [5, 2, 8, 1, 4];
arr.sort();
console.log(arr); // 输出:[1, 2, 4, 5, 8]
로그인 후 복사

위 코드에서 arr 배열의 요소가 문자열로 변환된 후 유니코드 정렬 순서입니다. 결과는 [1, 2, 4, 5, 8]입니다. arr中的元素被转化为字符串后,按照Unicode编码的顺序进行了排序。结果是[1, 2, 4, 5, 8]。

然而,sort()方法默认按照字符串进行排序,这就导致了一些令人困惑的结果。例如:

let arr2 = [10, 100, 1, 20, 2];
arr2.sort();
console.log(arr2); // 输出:[1, 10, 100, 2, 20]
로그인 후 복사

在上述代码中,数组arr2的排序结果并不是我们期望的:[1, 2, 10, 20, 100],而是[1, 10, 100, 2, 20]。这是因为在排序过程中,它将数字10,100,2和20先转化为字符串,然后按照Unicode编码的顺序排序,因此得到了不正确的结果。

为了解决这个问题,我们需要使用第二种用法:传递一个比较函数作为参数。比较函数需要有两个参数,它会将两个要比较的元素传递给该函数,并根据函数的返回值来决定它们的排序顺序。

下面是一个具体的示例代码:

let arr3 = [10, 100, 1, 20, 2];
arr3.sort(function(a, b) {
    return a - b;
});
console.log(arr3); // 输出:[1, 2, 10, 20, 100]
로그인 후 복사

在上面的代码中,我们传递了一个比较函数给sort()方法。该比较函数返回a - b的结果,这将使得数组内的元素按照从小到大的顺序进行排序。结果是[1, 2, 10, 20, 100]。

除了使用a - b

그러나 sort() 메서드는 기본적으로 문자열을 기준으로 정렬하므로 다소 혼란스러운 결과가 발생합니다. 예:

let arr4 = ["apple", "banana", "cherry", "date"];
arr4.sort(function(a, b) {
    return a.length - b.length;
});
console.log(arr4); // 输出:["date", "apple", "cherry", "banana"]
로그인 후 복사
위 코드에서 arr2 배열의 정렬 결과는 우리가 예상한 것과 다릅니다: [1, 2, 10, 20, 100], 그러나 [1, 10, 100 , 2 , 20]. 이는 정렬 과정에서 숫자 10, 100, 2, 20을 먼저 문자열로 변환한 후 유니코드 인코딩 순서대로 정렬하여 잘못된 결과를 얻게 되기 때문입니다.


이 문제를 해결하려면 두 번째 사용법, 즉 비교 함수를 매개변수로 전달해야 합니다. 비교 함수에는 두 개의 매개변수가 필요하며, 비교할 두 요소를 함수에 전달하고 함수의 반환 값에 따라 정렬 순서를 결정합니다.

🎜다음은 구체적인 예제 코드입니다. 🎜rrreee🎜위 코드에서는 sort() 메서드에 비교 함수를 전달했습니다. 이 비교 함수는 a - b의 결과를 반환하며, 이는 배열의 요소를 작은 것부터 큰 것 순으로 정렬합니다. 결과는 [1, 2, 10, 20, 100]입니다. 🎜🎜a - b를 비교 함수로 사용하는 것 외에도 다른 함수를 사용하여 정렬 규칙을 정의할 수도 있습니다. 다음은 문자열 길이를 기준으로 정렬하는 예입니다. 🎜rrreee🎜위 코드에서는 사용자 정의 비교 함수를 sort() 메서드에 전달합니다. 이 비교 함수는 a.length - b.length의 결과를 반환하며, 이는 배열의 문자열을 가장 짧은 길이에서 가장 긴 길이로 정렬합니다. 결과는 ["날짜", "사과", "체리", "바나나"]입니다. 🎜🎜요약: 🎜JS의 배열 sort() 메서드는 강력하고 실용적인 정렬 도구입니다. 다양한 매개변수를 사용하면 다양한 규칙에 따라 배열을 정렬할 수 있습니다. sort() 메서드를 사용할 때 기본 유니코드 인코딩 순서에 따라 정렬하려는 경우 매개 변수 전달 없이 sort() 메서드를 직접 호출할 수 있습니다. 정렬 규칙을 사용자 정의해야 하는 경우 비교 함수를 매개변수로 전달하면 됩니다. 🎜

위 내용은 JS 배열 정렬: sort() 메서드의 기본 사용법 분석 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿