[JSInfo] 배열을 변형하는 메소드

map

사용 빈도가 높은 메소드 중 하나입니다.
배열 요소 전체를 대상으로 함수를 호출하고, 호출 결과를 배열로 반환해줍니다.

ex) map 기본 문법

let result = arr.map(function(item, index, array){
	// 요소 대신 새로운 값을 반환합니다.
}

ex) 실제 예시

let color = ['black', 'red', 'blue'].map(item => item.length);
console.log(color); // 5, 3, 4 출력

sort(fn)

배열의 요소를 정렬해줍니다. 배열 자체가 변경됩니다.
sort를 사용하면 재정렬 된 배열이 반환됩니다.

let fruits = ['apple', 'pineapple', 'orange', 'watermelon'];

fruits.sort();

console.log(fruits);
// apple, orange, pineapple, watermelon 출력

sort 주의사항

모든 요소를 문자열로 취급됩니다. 따라서 숫자에 sort를 사용할 경우 문제가 발생할 수 있습니다.

숫자를 정렬하고 싶을 때는 정렬 함수를 통해 숫자 정렬을 하면 됩니다.
"양수를 반환하는 경우 첫 번째 인수가 두 번째 인수보다 크다를 나타내고,
음수를 반환하는 경우에는 첫 번째 인수가 두 번째 인수보다 작다를 나타냅니다."
ex)

let arr = [1,2,15];

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

console.log(arr);

reverse

배열의 요소를 역순으로 정렬시켜주는 메소드입니다.

let arr = [1,2,3,4,5];
arr.reverse();

console.log(arr); // 5,4,3,2,1

split

split을 통해 구분자(delimiter)를 기준으로 문자열을 쪼갤 수 있습니다.

ex) split 문법

let names = "KJ, SJ, SH";

let arr = names.split(", ");

for(let props of arr){
    console.log(`${props}에게 문자를 보내요.`);
}

// KJ에게 문자를 보내요.
// SJ에게 문자를 보내요.
// SH에게 문자를 보내요.

split을 활용해 문자열을 글자 단위로 분리할 수 있습니다.

let str = "Test";

console.log(str.split(""));
// ['T', 'e', 's', 't'] 출력

join

split과 반대로 join을 사용해 배열 요소를 모두 합친 후 하나의 문자열을 만들 수 있습니다.

let arr = ['KJ', 'SJ', 'SH'];

let str = arr.join('+');

console.log(str); // KJ+SJ+SH

Array.isArray (배열 여부 확인하기)

배열은 독립된 자료형이 아닌, 객체형에 속합니다.
따라서 배열은 typeOf로는 일반 객체와 배열을 구분할 수 없습니다.

console.log(typeOf {}); // object
console.log(typeOf []); // object

따라서 Array.isArray를 사용합니다. value가 배열이라면 true를 반환하고 배열이 아니라면 false를 반환합니다.

console.log(Array.isArray({})); // false --> 객체
console.log(Array.isArray([])); // true --> 배열