[Javascript] 배열 관련 메서드 - push(), pop(), join()

---

안녕하세요. 따시입니다.

Javascript 배열 관련 메서드를 보려고 합니다.

메서드	설명
push()	배열에 아이템을 밀어 넣을 수 있다. (배열의 끝에 추가)
pop()	배열의 아이템을 삭제할 수 있다. (push메서드와 마찬가지로 배열의 끝을 삭제)
join()	j배열의 아이템을 합칠 수 있다. 이때 각 아이템의 구분자를 지정할 수 있다. (ex: join(', ')...)

 

실행코드 JS

var cars = [],
	msg = 'item',
	i = 1,
	btn_add = document.getElementById('btn_add'),
	btn_del = document.getElementById('btn_del'),
	btn_print = document.getElementById('btn_print');

btn_add.onclick = function(){
	cars.push(msg+i);
	console.log(cars)
	i++;
}

btn_del.onclick = function(){
	cars.pop(msg+i);
	console.log(cars)
	i--;
}

btn_print.onclick = function(){
	console.log(cars.join(', '));
}

실행코드 html

<button type="button" id="btn_add">배열추가</button>

<button type="button" id="btn_del">배열삭제</button>

<button type="button" id="btn_print">현재배열</button>

 

배열추가를 3번 클릭

실행화면에서 배열추가를 3번 클릭

배열삭제 3번 클릭

실행화면에서 배열삭제 3번 클릭

배열추가 3번 클릭 후 현재배열클릭

실행 화면에서 배열추가 3번 클릭 후 시킨후 현재 배열 클릭