JavaScript 배열 메서드 - join() / push() / pop()

배열 메서드

배열 메서드 중에서 join(), push(), pop()을 알아봅시다.

---

join()

join() 메서드는 배열의 모든 요소를 연결하여 하나의 문자열로 만듭니다.

번호	기본값	메서드	리턴값

const arrNum = [100, 200, 300, 400, 500];
const text1 = arrNum.join('');
const text2 = arrNum.join(' ');
const text3 = arrNum.join('★');
const text4 = arrNum.join('-');

push() / pop()

push() 메서드는 배열 마지막 요소에 추가하고, pop() 메서드는 배열 마지막 요소를 삭제합니다.

번호	기본값	메서드	리턴값	결과값

//01
const arrNum = [100, 200, 300, 400, 500];
const arrPush = arrNum.push(600);

document.querySelector(".sample03_N1").innerHTML = "1";
document.querySelector(".sample03_Q1").innerHTML = "[100,200,300,400,500]";
document.querySelector(".sample03_M1").innerHTML = "push(600)";
document.querySelector(".sample03_P1").innerHTML = arrPush; //리턴값 6
document.querySelector(".sample03_A1").innerHTML = arrNum; //100, 200, 300, 400, 500

//02
const arrNum2 = [100, 200, 300, 400, 500];
const arrPush2 = arrNum2.pop(600);

document.querySelector(".sample03_N2").innerHTML = "2";
document.querySelector(".sample03_Q2").innerHTML = "[100,200,300,400,500]";
document.querySelector(".sample03_M2").innerHTML = "pop()";
document.querySelector(".sample03_P2").innerHTML = arrPush2; //리턴값 500
document.querySelector(".sample03_A2").innerHTML = arrNum2; //100, 200, 300, 400