반응형
SMALL

Array.sort(compareFunction())

==> Array배열의 요소를 정렬한 후 반환한다.(정렬순서는 유니코드 코드 포인트를 따른다.)

let numbers = [20000, 6, 19, 9334, 4, 8782, 3];

numbers.sort();

console.log(numbers);
//[19, 20000, 3, 4, 6, 8782, 9334]
let words = ["apple", "banana", "Cat", "dog", "finGer", "Finger", "Apple", "CAt", "doG", "cat", "Bus"]

words.sort();

console.log(words);
//['Apple', 'Bus', 'CAt', 'Cat', 'Finger', 'apple', 'banana', 'cat', 'doG', 'dog', 'finGer']

*compareFunction이 제공되지 않으면 요소를 문자열로 변환하여 유니코드 코드포인트 순서로 정렬한다.

*원배열이 정렬되게 된다.

 

compareFunction이 제공되면 배열 요소는 compare 함수의 반환 값에 따라 정렬되게 된다.

let numbers = [20000, 6, 19, 9334, 4, 8782, 3];

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

console.log(numbers);
//[3, 4, 6, 19, 8782, 9334, 20000]

*compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬하게 된다. 즉, a가 먼저온다.

*compareFunction(a, b)이 0을 반환하면 a와 b를 서로에 대해 변경하지 않고 모든 다른 요소에 대해 정렬한다.

참고 : ECMAscript 표준은 이러한 동작을 보장하지 않으므로 모든 브라우저(예 : Mozilla 버전은 적어도 2003 년 이후 버전 임)가 이를 존중하지는 않습니다.

*compareFunction(a, b)이 0보다 큰 경우, b를 a보다 낮은 인덱스로 정렬한다.

 

 

Array.reverse()

==> Array의 배열을 반대로 정렬한다.

let numbers = [20000, 6, 19, 9334, 4, 8782, 3];

numbers.reverse();

console.log(numbers);
//[3, 8782, 4, 9334, 19, 6, 20000]

*원배열이 변형되게 된다.

 

 

Array.join(seperator)

==> Array배열의 모든 요소가 각각 seperator를 추가한 하나의 문자열로 연결된다.

let words = ["apple", "banana", "Cat", "dog", "finGer", "Finger", "Apple", "CAt", "doG", "cat", "Bus"];

let joinWord = words.join();

console.log(joinWord);
//"apple,banana,Cat,dog,finGer,Finger,Apple,CAt,doG,cat,Bus"
let words = ["apple", "banana", "Cat", "dog", "finGer", "Finger", "Apple", "CAt", "doG", "cat", "Bus"];

let joinWord = words.join("");

console.log(joinWord);
//"applebananaCatdogfinGerFingerAppleCAtdoGcatBus"
let words = ["apple", "banana", "Cat", "dog", "finGer", "Finger", "Apple", "CAt", "doG", "cat", "Bus"];

let joinWord = words.join("/and/");

console.log(joinWord);
//"apple/and/banana/and/Cat/and/dog/and/finGer/and/Finger/and/Apple/and/CAt/and/doG/and/cat/and/Bus"

*seperator를 생략하면 배열의 요소들이 쉼표로 구분된다.

*separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다.

 

반응형
LIST

'개발 > Javascript' 카테고리의 다른 글

정규표현식  (0) 2021.01.08
Number.isInteger, isNaN  (0) 2021.01.07
map  (0) 2021.01.04
filter  (0) 2021.01.03
문자열 찾기(indexOf, includes, search, match)  (0) 2021.01.01

+ Recent posts