array 함수 종류 - 자바스크립트 배열 함수

📝정리

자바스크립트에서는 array에서 사용할 수 있는 기본적인 함수가 있다. array 함수는 크게 두가지로 나뉜다.

• 기존의 array를 변경하는 함수
• 기존의 array를 변경하지 않는 함수

 

1. array를 변경하는 함수

• pop(): 배열의 마지막 값을 제거한다. 제거한 마지막 값을 반환한다.
• push(): 배열의 마지막에 값을 추가한다. 값을 추가한 배열의 길이를 반환한다.
• shift(): 배열의 첫번째 값을 제거한다. 제거한 값을 반환한다.
• unshift(): 배열의 첫번째에 값을 추가한다. 값을 추가한 배열의 길이를 반환한다.
• sort(): 오름차순으로 정렬하는 함수로 반환값이 존재하지 않는다.

sort 함수의 경우, 파라미터에 함수를 넣을 수 있다. 이때 함수의 반환값으로 오름차순, 내림차순, 기존형태로 정렬 방법을 정할 수 있다.

• a, b가 를 비교했을 때,
• a를 b보다 나중에 정렬하려면 0보다 큰 숫자를 반환,
• a를 b보다 먼저 정렬하려면 0보다 작은 숫자를 반환,
• 기존형태로 정렬하려면 0을 반환하면 된다.

let numbers = [
    2,
    6,
    8,
    4,
    10,
];

numbers.sort((a, b) => {
    return a > b ? 1 : -1;
});
console.log(numbers);

 

1. array를 변경하지 않는 함수

• concat( ): 마지막 인덱스의 값을 추가하는 함수, 값을 추가한 새로운 배열을 반환값으로 가진다.
• slice(제거할 인덱스 번호, 제거할 인덱스 다음 번호): 자른 배열을 새로 반환
• spread operator: ... 을 이용하며 배열 안에 있는 인자들을 퍼뜨려서 반환한다.
• join( ): 인자값이 없을 경우 콤마(,)를 기준으로 모든 값들을 합쳐셔 string으로 반환한다. 인자값이 존재할 경우 콤마대신 해당 인자값으로 변경된 후 string으로 출력된다.
• map( ): 배열에 있는 모든 값들을 순회하며 각각의 값들을 변형시킨다. 변형된 새로운 배열을 반환한다.
• filter( ): 특정 요건을 만족하는 값들만을 반환한다.
• find( ): 특정 요건을 만족하는 첫번째 값만 반환한다.
• findIndex( ): 특정 요건을 만족하는 첫번째 인덱스 값만 반환한다.