Javascript(문법)
배열의 추가&삭제
by ROVE4
2022. 12. 18.
push(매개변수)
배열의 끝에 추가
배열의 생성(두가지)
let arr = new Array("사과","바나나","수박");
let arr = ["사과","바나나","수박"];
arr.push("오렌지","딸기");
for(let i=0; i<arr.length; i++){
document.write(`배열의 복사 결과 arr[${i}] :: ` + arr[i]+"<br>")
}
document.write("arr의 length :: " + arr.length +"<br>");
배열 복사 결과 arr[0] :: 사과
배열 복사 결과 arr[1] :: 바나나
배열 복사 결과 arr[2] :: 수박
배열 복사 결과 arr[3] :: 오렌지
배열 복사 결과 arr[4] :: 딸기
arr의 length :: 5
pop()
배열의 끝에 있는 요소 삭제
매개변수 x
//배열의 끝에 있는 요소 삭제
//매개변수 x
arr.pop();
for(let i =0;i<arr.length;i++){
document.write(`배열 복사 결과 arr[${i}] :: ` + arr[i]+"<br>")
}
document.write("arr의 length :: " + arr.length+"<br>")
배열 복사 결과 arr[0] :: 사과
배열 복사 결과 arr[1] :: 바나나
배열 복사 결과 arr[2] :: 수박
배열 복사 결과 arr[3] :: 오렌지
배열 복사 결과 arr[4] :: undefined
arr의 length :: 4
맨 뒤의 딸기가 삭제된 모습 과 배열의 길이가 줄어들었다
unshift(매개변수)
배열의 첫번째 요소에 추가
// unshift(parameter)
//배열의 첫번째 요소에 추가
arr.unshift("오렌지","참외")
for(let i =0;i<arr.length;i++){
document.write(`배열 복사 결과 arr[${i}] :: ` + arr[i]+"<br>")
}
document.write("arr의 length :: " + arr.length+"<br>")
배열 복사 결과 arr[0] :: 오렌지
배열 복사 결과 arr[1] :: 참외
배열 복사 결과 arr[2] :: 사과
배열 복사 결과 arr[3] :: 바나나
배열 복사 결과 arr[4] :: 수박
배열 복사 결과 arr[5] :: 오렌지
arr의 length :: 6
shift()
배열의 첫번째 요소 삭제
//shift()
//배열의 첫번째 요소 삭제
arr.shift()
for(let i =0;i<arr.length;i++){
document.write(`배열 복사 결과 arr[${i}] :: ` + arr[i]+"<br>")
}
document.write("arr의 length :: " + arr.length+"<br>")
배열 복사 결과 arr[0] :: 참외
배열 복사 결과 arr[1] :: 사과
배열 복사 결과 arr[2] :: 바나나
배열 복사 결과 arr[3] :: 수박
배열 복사 결과 arr[4] :: 오렌지
arr의 length :: 5
unshift()에서 추가된 오렌지,참외중에서 오렌지가 삭제된 모습