06 [ 배열 메소드_reverse() / sort() : 배열 요소의 순서를 정렬 ]

reverse() / sort() : 배열에 요소를 정렬할 때 사용하는 메소드이다.

- reverse(): 배열의 요소들의 순서가 반전으로 정렬된다. 반환 값은 배열이다.

- sort() : 배열의 요소들을 순서대로 정렬한다. 반환 값은 배열이다.

 

예제를 통해 알아보자.

sort() 메소드를 이용해서 배열을 정렬해보자.

const numbers = [2,5,1,3,4];
console.log(numbers.sort());	//[1, 2, 3, 4, 5]

sort()는 순서대로 정렬하기 때문에 [1,2,3,4,5]를 반환한다.

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

위와 같은 코드도 [1,2,3,4,5]를 반환한다.

 

 

 

 

reverse()를 이용해서 배열을 정렬해보자.

const arr = ['a','e','b','c','d'];

console.log(arr.reverse());		//['d', 'c', 'b', 'e', 'a']

reverse()메소드는 순서가 반전되어 나타난다.

 

이렇게 하게되면 원본 배열까지 변형이 된다.

원래 배열을 변형하지 않고 정렬해보자.

const arr = ['ab','cd','ef'];
const reverse = [...arr].reverse();

console.log(arr);			// ['ab', 'cd', 'ef']
console.log(reverse);		// ['ef', 'cd', 'ab']

변형하지 않고 정렬하기 위해서는 원본배열을 복사해야한다.

[...arr].reverse() 로 배열을 복사하여 사용하면 된다!

 

 

참고 :

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse