[JS] 배열의 순서 (sort()메서드, reverse() 메서드)

sort() 메서드

배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환

const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months);
// ["Dec", "Feb", "Jan", "March"]

const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1);
// [1, 100000, 21, 30, 4]

구문

arr.sort([compareFunction])

파라미터(compareFunction)

• 정렬 순서를 정의하는 함수
• 이 값이 생략되면, 배열의 element들은 문자열로 취급되어, 유니코드 값 순서대로 정렬
• compareFunction(a, b)이 0보다 작은 경우  a가 b보다 앞에 온다
• compareFunction(a, b)이 0을 반환하면 a와 b를 서로에 대해 변경하지 않고 모든 다른 요소에 대해 정렬
• compareFunction(a, b)이 0보다 큰 경우, b를 a보다 낮은 인덱스로 정렬

리턴값

• 정렬된 배열을 리턴
• 원본 배열인 arr가 정렬이 되고, 리턴하는 값 또한 원본 배열인 arr을 가리키고 있음

문자열 대신 숫자를 비교하는 경우

var numbers = [4, 2, 5, 1, 10];
numbers.sort(function(a, b) {
  return a - b;
});
console.log(numbers);

// [1, 2, 4, 5, 10]

reverse() 메서드

배열의 순서를 반전하고 원본 배열을 변형하며 그 참조를 반환

const array1 = ['one', 'two', 'three'];
console.log('array1:', array1);
// ["one", "two", "three"]

const reversed = array1.reverse();
console.log('reversed:', reversed);
// ["three", "two", "one"]

// Careful: reverse is destructive -- it changes the original array.
console.log('array1:', array1);
// ["three", "two", "one"]

구문

a.reverse()

리턴값

• 순서가 반전된 배열.

const a = [1, 2, 3];
console.log(a); // [1, 2, 3]

a.reverse();
console.log(a); // [3, 2, 1]