>웹 프론트엔드 >JS 튜토리얼 >js 배열 정렬을 위한 sort() 메서드에 대한 자세한 설명(코드 예)

js 배열 정렬을 위한 sort() 메서드에 대한 자세한 설명(코드 예)

青灯夜游
青灯夜游원래의
2018-10-16 11:06:333465검색

sort()는 js 배열 정렬을 어떻게 구현하나요? 이 기사에서는 js 배열을 정렬하는 sort() 메서드를 소개하므로 js 배열에서 sort()의 원리와 sort()가 js 배열을 정렬하는 방법을 이해할 수 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

우선 js sort() 메서드 를 살펴보고 간단한 코드 예제를 통해 sort() 정렬 메서드를 살펴보겠습니다.

sort() 메서드: 배열 요소를 정렬하는 데 사용됩니다. 배열을 정렬할 때 새 메모리가 열리지 않고 원래 배열 요소가 대체됩니다.

1. sort() 메서드는 js 단순 배열의 간단한 정렬(버블 정렬)을 구현합니다.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div>
			<p>数组:6,2,4,3,5,1</p>
			<span>排序后:</span>
		</div>
		<script type="text/javascript">
			var arrSimple = new Array(6,2,4,3,5,1);
			arrSimple.sort();
			document.writeln(arrSimple.join());
		</script>
	</body>
</html>

Rendering: # 🎜🎜#

js 배열 정렬을 위한 sort() 메서드에 대한 자세한 설명(코드 예)

sort() 정렬 원리를 살펴보겠습니다.

sort() 정렬은 다음에서 수행됩니다. 두 단계 두 비교.

Array: [6,2,4,3,5,1]

첫 번째 라운드 시작

처음으로 6과 2를 비교한 6 2보다 크면 2와 6을 얻으며 원래 배열은 [2,6,4,3,5,1]
이 됩니다. 두 번째로 두 번째와 세 번째 숫자를 비교합니다. 6과 4, 6은 4보다 크고 4와 6을 얻으며 결과는 [2,4,6,3,5,1]
입니다. 세 번째와 네 번째 숫자를 세 번째로 비교하면 6과 3이 되며, [2,4,3,6,5,1]
을 얻습니다. 5와 6을 네 번째로 비교하면 결과는 [2,4,3,5,6,1]
5번째 6과 1을 비교하면 결과는 [2,4,3,5,1,6]
1라운드 종료

2라운드 시작#🎜🎜 # 2와 4를 처음 비교했을 때 2가 4보다 작으면 결과는 변함이 없습니다. [2,4,3,5,1,6]

4와 3을 두 번째 비교했을 때 결과는 [2,3 ,4,5 ,1,6]
4와 5를 세 번째 비교하면 4가 5보다 작으며 결과는 변경되지 않습니다. [2,3,4,5,1,6]
비교 4번째 5와 1, 결과 [2,3,4,1,5,6]
2라운드 종료

3라운드 시작

2 비교 3이 처음으로 2가 3보다 작으면 결과는 변경되지 않습니다. [2,3,4,1,5,6]

3과 4를 두 번째로 비교하면 3은 4보다 작습니다. 결과는 그대로 유지됨 [2,3,4,1,5,6]
4와 1을 세 번째 비교하면 결과는 [2,3,1,4,5,6]
End 의 세 번째 라운드

네 번째 라운드의 시작

2와 3을 처음 비교했을 때 2가 3보다 작으므로 결과는 변함이 없습니다. [2,3,1,4,5, 6]

1과 3을 두 번째로 비교한 결과는 [2,1,3,4,5,6]
4라운드 종료

시작 다섯 번째 라운드

처음 2와 1을 비교한 결과는 [1,2,3,4,5,6]

다섯 번째 라운드가 끝나고 정렬이 끝났습니다.

배열을 정렬한 후의 결과(총 15개 비교): [1,2,3,4,5,6]

2, sort ( ) 간단한 js 배열의 사용자 정의 정렬을 구현하는 방법 #

분석해 보겠습니다: a, b는 배열의 두 요소를 나타냅니다. 반환값이 > 0인 경우 반환되는 값은 다음과 같습니다. before a after (b , a); reutrn

간단히 말하면, a-b의 출력은 작은 것에서 큰 것으로 정렬되고, b-a의 출력은 큰 것에서 작은 것으로 정렬됩니다.


3. sort() 메소드는 js 단순 객체 배열의 사용자 정의 속성 정렬(age 속성으로 정렬)을 구현합니다. js 배열 정렬을 위한 sort() 메서드에 대한 자세한 설명(코드 예)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div>
			<p>数组:1,8,7,6</p>
			<span>从大到小 排序后:</span>
		</div>
		<script type="text/javascript">
			var arrSimple2 = new Array(1, 8, 7, 6);
			arrSimple2.sort(function(a, b) {
				return b - a;
			});
			document.writeln(arrSimple2.join());
		</script>
	</body>

</html>

Rendering:


요약: 위 내용은 이 기사의 전체 내용입니다. 다음 용도로 유용할 수 있기를 바랍니다. 모두의 학습에 도움이 되었습니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼,
jQuery 비디오 튜토리얼

,

bootstrap 튜토리얼
을 방문하세요!

위 내용은 js 배열 정렬을 위한 sort() 메서드에 대한 자세한 설명(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.