자바스크립트에서 배열은 데이터를 담는 가장 기본적인 자료구조입니다. 배열의 원소들을 특정 기준에 따라 변경하거나 정렬하는 것은 여러 상황에서 유용합니다. 이번 블로그 포스트에서는 자바스크립트에서 배열의 항목을 특정 기준으로 변경하고 정렬하는 방법에 대해 알아보겠습니다.

배열 항목 변경하기

자바스크립트에서 배열의 항목을 변경하는 방법은 여러 가지가 있습니다. 아래의 예제는 배열에서 특정 값을 다른 값으로 변경하는 방법을 보여줍니다.

let fruits = ["apple","banana","orange","grape"];

// "banana"을 "kiwi"로 변경
fruits[1] = "kiwi";

console.log(fruits); // ["apple","kiwi","orange","grape"]

위의 코드에서 fruits[1]은 배열에서 두 번째 항목을 가리킵니다. 그리고 =을 사용하여 해당 항목을 “kiwi”로 변경하였습니다. 변경된 배열을 출력하면 [“apple”,”kiwi”,”orange”,”grape”]를 볼 수 있습니다.

배열 항목 정렬하기

자바스크립트에서 배열의 항목을 정렬하는 방법은 sort() 메소드를 사용하는 것입니다. 이 메소드는 기본적으로 사전식 정렬을 수행합니다.

아래의 예제는 문자열로 이루어진 배열을 정렬하는 방법을 보여줍니다.

let fruits = ["orange","banana","apple","grape"];

fruits.sort();

console.log(fruits); // ["apple","banana","grape","orange"]

위의 코드에서 sort() 메소드를 호출하여 배열을 정렬하였습니다. 출력 결과를 보면 [“apple”,”banana”,”grape”,”orange”]로 사전식 정렬된 것을 확인할 수 있습니다.

만약 숫자로 이루어진 배열을 정렬하고 싶다면, sort() 메소드의 인자로 정렬 기준을 지정하는 비교 함수를 제공해야 합니다. 아래의 예제는 숫자로 이루어진 배열을 크기순으로 정렬하는 방법을 보여줍니다.

let numbers = [5, 3, 8, 1, 2];

numbers.sort(function(a, b) {
  return a - b;
});

console.log(numbers); // [1, 2, 3, 5, 8]

위의 코드에서 sort() 메소드의 인자로 비교 함수를 제공하였습니다. 이 함수는 두 숫자를 비교하여 결과에 따라 정렬 순서를 결정합니다. 반환 값이 0보다 작은 경우 a를 b보다 앞에 위치하도록 정렬하고, 반환 값이 0보다 큰 경우 b를 a보다 앞에 위치하도록 정렬합니다.

자바스크립트 배열의 항목을 특정 기준으로 변경하고 정렬하는 방법에 대해 알아보았습니다. 이러한 기능을 잘 활용하여 배열을 유연하게 다룰 수 있습니다.