21. array.prototype.join()

배열의 요소를 문자열로 결합할 때 사용되는 메서드입니다. 이 메서드는 배열의 모든 요소를 지정한 구분자로 분리하여 하나의 문자열로 반환합니다.

{
    const fruits = ['apple', 'banana', 'cherry'];

    // 기본 구분자 (쉼표)를 사용하여 배열 요소를 문자열로 결합

    const result = fruits.join();
    console.log(result);
}

join() 메서드는 배열 요소를 문자열로 결합할 때 주로 사용되며, 구분자를 지정하여 문자열 형태를 제어할 수 있습니다. 이를 통해 CSV 파일 생성, URL 경로 생성 또는 다른 문자열 형태의 조합 작업을 수행하는 데 유용합니다.

결과 확인하기
apple,banana,cherry

22. array.prototype.pop()

배열에서 마지막 요소를 제거하고 해당 요소를 반환하는 메서드입니다.

{
    const fruits = ['apple', 'banana', 'cherry'];

    // 배열의 마지막 요소인 'cherry'를 제거하고 반환
    const removedFruit = fruits.pop();
    
    console.log(removedFruit);
    console.log(fruits);
}

이 메서드를 호출하면 배열의 길이가 하나 감소하게 되며, 배열에서 제거된 마지막 요소를 반환합니다. 주로 배열에서 마지막 요소를 제거하고 그 요소를 처리해야 할 때 유용합니다.

결과 확인하기
cherry
['apple', 'banana']

23. array.prototype.push()

배열에 하나 이상의 요소를 배열의 끝에 추가하는 메서드입니다. 이 메서드를 사용하면 배열의 길이가 증가하고 새로운 요소가 배열의 끝에 추가됩니다. push() 메서드는 변경된 배열의 새로운 길이를 반환합니다.

{
    const fruits = ['apple', 'banana'];

    // 배열 끝에 요소 추가
    const newLength = fruits.push('cherry', 'date');
    
    console.log(newLength); // 새로운 배열의 길이
    console.log(fruits);
}

이 메서드를 호출하면 배열의 길이가 하나 감소하게 되며, 배열에서 제거된 마지막 요소를 반환합니다. 주로 배열에서 마지막 요소를 제거하고 그 요소를 처리해야 할 때 유용합니다.

결과 확인하기
4
['apple', 'banana', 'cherry', 'date']