JavaScript 정렬 배열:방법 가이드

자바스크립트 sort() 메서드를 사용하여 배열을 정렬할 수 있습니다. sort() 메서드는 배열을 인수로 받아들이고 값을 오름차순으로 정렬합니다. 배열이 제자리에 정렬되어 원래 배열이 수정됩니다. 새 배열이 생성되지 않습니다.

배열을 특정 순서로 정렬하기로 결정할 수 있습니다. 예를 들어, 알파벳 순서로 사용자에게 표시하려는 이름 목록이 있을 수 있습니다.

배열의 요소를 정렬하는 방법에 따라 도움이 될 수 있는 내장 JavaScript 함수가 있습니다. 예를 들어 sort() 함수를 사용하여 배열을 알파벳순으로 정렬하고 reverse() 함수를 사용하여 배열을 역순으로 정렬하고 sort() 함수를 중첩 함수와 함께 사용하여 고유한 사용자 정의 정렬을 생성할 수 있습니다.

이 튜토리얼에서는 sort() 및 reverse()를 사용하여 JavaScript에서 정렬 배열 기능을 수행하는 방법을 분석할 것입니다.

자바스크립트 sort() 메소드

JavaScript sort() 메서드는 배열의 값을 읽고 해당 값을 오름차순 또는 내림차순으로 반환합니다. 숫자 또는 문자열이 포함된 문자열을 정렬할 수 있습니다.

다음 구문을 고려하십시오.

const values = [1, 2, 8, 9, 3];
values.sort();

이 코드는 "값" 목록을 정렬합니다. 목록이 제자리에 정렬되어 원래 목록이 수정됩니다. sort()는 목록의 새 버전을 생성하지 않습니다.

sort() 메서드가 원래 배열을 수정하고 순서를 변경한다는 점은 주목할 가치가 있습니다. 원래 배열을 동일하게 유지하려면 sort() 함수를 실행하고 그 값을 새 변수에 저장할 수 있습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

sort() 메서드의 내용을 새 변수에 할당하면 원래 목록이 계속 변경됩니다.

자바스크립트 정렬 배열 예

JavaScript에서 배열을 정렬하려면 기본 제공되는 기본 sort() 메서드를 사용합니다. 가장 단순한 형태의 sort() 메서드는 배열을 알파벳 오름차순으로 정렬합니다. 다음은 작동 중인 sort() 메서드의 예입니다.

var students = ['Alex', 'Cathy', 'Lincoln', 'Jeff'];
var sorted_students = students.sort();

console.log(sorted_students);

코드는 다음을 반환합니다.

["Alex", "Cathy", "Jeff", "Lincoln"]

우리의 배열은 오름차순으로 정렬되었습니다. "students"라는 JavaScript 변수를 정렬하기 위해 sort() 메서드를 사용합니다. 그런 다음 JavaScript 콘솔에 "students" 값을 출력합니다.

자바스크립트 배열 sort():숫자 배열 주문

sort() 메서드를 사용하여 숫자 목록의 값을 오름차순으로 정렬할 수 있습니다.

오름차순으로 정렬하려는 학생 성적 목록이 있다고 가정해 보겠습니다. sort() 메서드를 사용하여 정렬할 수 있습니다.

var grades = [67, 75, 62, 78];
grades.sort();

console.log(grades);

코드의 출력은 다음과 같습니다.

[62, 67, 75, 78]

배열이 오름차순으로 정렬되었습니다! 프로그램이 sort() 작업을 시작하면 배열 내의 요소가 값/에 따라 정렬됩니다.

sort()는 목록을 제자리에 정렬하기 때문에 sort()의 결과를 새 변수에 할당할 필요가 없습니다. 우리 코드는 새로 정렬된 "grades" 배열을 콘솔에 출력합니다.

자바스크립트 객체 배열

sort() 메서드는 객체 배열을 정렬하는 데 사용할 수 있습니다. 예를 들어, 학생의 이름과 나이를 모두 저장하는 JSON 객체 배열이 있을 수 있습니다.

다음은 이러한 배열을 학생들의 연령별로 정렬하는 sort() 함수의 예입니다.

var students = [
	{ name: "Alex", age: 16 },
{ name: "Cathy", age: 14 },
{ name: "Lincoln", age: 14 },
{ name: "Jeff", age: 15 }
];

var sorted_students = students.sort(function(a, b) {
	return a.age - b.age;
});

console.log(sorted_students);

코드는 다음을 반환합니다.

[
  { "name": "Cathy", "age": 14},
  { "name": "Lincoln", "age": 14},
  { "name": "Jeff", "age": 15},
  { "name": "Alex", "age": 16}
]

우리 코드는 학생 연령순으로 JSON 객체 배열을 반환했습니다.

첫 번째 줄에서 4명의 학생이 있는 "students" 변수를 선언합니다. 그런 다음 연령을 비교하여 각 JSON 개체의 "나이" 값을 기반으로 학생 변수를 정렬하는 함수를 만듭니다. 마지막으로 프로그램은 정렬된 학생 목록을 인쇄합니다.

자바스크립트 배열 sort():역순으로 정렬

역순으로 배열을 정렬할 수 있는 내장 JavaScript 함수인 reverse()도 있습니다.

reverse() 메서드는 첫 번째 요소가 마지막 요소가 되고 마지막 요소가 첫 번째 요소가 되도록 배열을 뒤집습니다. 따라서 이 배열은 알파벳 내림차순으로 배열을 정렬하지 않습니다.

sort() 메서드를 사용하여 목록을 먼저 정렬하면 reverse()를 사용하여 배열을 내림차순으로 볼 수 있습니다.

다음은 작동 중인 reverse() 함수의 예입니다.

var students = ['Alex', 'Cathy', 'Lincoln', 'Jeff'];
var reversed_students = students.reverse();

console.log(reversed_students);

코드는 다음을 반환합니다.

[“Jeff”, “Lincoln”, “Cathy”, “Alex”]

먼저 sort()를 사용하여 목록을 오름차순으로 정렬합니다. 그런 다음 reverse()를 사용하여 목록을 뒤집습니다. 이제 목록에 알파벳 내림차순으로 이름이 표시됩니다.

reverse() 함수는 sort() 함수와 마찬가지로 목록의 순서를 수정합니다. 원래 배열을 수정하지 않고 reverse()의 결과를 새 변수에 할당할 수 없습니다. 앞서 sort() 메서드로 이에 대해 이야기했습니다.

결론

JavaScript sort() 메서드는 목록의 내용을 오름차순 또는 내림차순으로 정렬합니다. sort()는 제자리에서 목록을 수정합니다. 즉, 메서드가 새 목록을 생성하지 않습니다. reverse(), sort() 다음에 사용하면 목록을 내림차순으로 정렬합니다.

이 튜토리얼에서는 sort()를 사용하여 JavaScript에서 배열을 정렬하는 방법을 세분화했습니다. 우리는 숫자 배열 정렬, 객체 배열 정렬 방법, reverse()를 사용하여 배열 내용을 뒤집는 방법에 대해 논의했습니다.

최고의 JavaScript 학습 리소스 및 온라인 과정에 대한 조언은 JavaScript 학습 방법 기사를 확인하십시오.