21. array.prototype.join()

Array.prototype.join() 메서드는 배열의 모든 요소를 하나의 문자열로 합치는 역할을 합니다. 이 때, 각 요소 사이에는 구분자(separator)를 넣을 수 있으며, 구분자를 지정하지 않으면 기본적으로 쉼표(,)가 사용됩니다. 

 {
        const fruits = ["사과", "바나나", "체리", "딸기"];

        // 구분자 없이 배열 요소를 문자열로 합침
        const joinedString = fruits.join();
        console.log(joinedString); // "사과,바나나,체리,딸기"
        
        // 구분자를 지정하여 배열 요소를 문자열로 합침
        const hyphenSeparated = fruits.join(" - ");
        console.log(hyphenSeparated); // "사과 - 바나나 - 체리 - 딸기"
        
        // 빈 문자열로 구분자를 지정하여 배열 요소를 연이어 붙임
        const emptySeparator = fruits.join("");
        console.log(emptySeparator); // "사과바나나체리딸기"
}

22. array.prototype.pop()

Array.prototype.pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다. 이 메서드는 배열의 길이를 줄이는 효과가 있습니다. 

 {
        const colors = ["빨강", "파랑", "노랑", "초록"];

        // 마지막 요소를 제거하고 반환
        const lastColor = colors.pop();
        console.log(lastColor); // "초록"
        
        // 배열의 길이가 하나 감소
        console.log(colors.length); // 3
        
        // 배열의 마지막 요소가 제거되었음
        console.log(colors); // ["빨강", "파랑", "노랑"]
}

23. array.prototype.push()

Array.prototype.push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다. 이 메서드를 사용하면 배열에 요소를 추가할 수 있습니다. 

 {
        const fruits = ["사과", "바나나"];

        // 배열 끝에 요소 추가
        fruits.push("체리");
        console.log(fruits); // ["사과", "바나나", "체리"]
        
        // 여러 개의 요소를 배열 끝에 추가
        fruits.push("딸기", "오렌지");
        console.log(fruits); // ["사과", "바나나", "체리", "딸기", "오렌지"]
        
        // 추가된 요소의 개수를 반환
        const addedCount = fruits.push("키위");
        console.log(addedCount); // 6
        
        // 배열의 길이가 증가
        console.log(fruits.length); // 6
}