본문 바로가기
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()에서 추가된 오렌지,참외중에서 오렌지가 삭제된 모습

'Javascript(문법)' 카테고리의 다른 글

Ajax(1)-http  (0) 2022.12.25
배열의 분리&합침  (0) 2022.12.18
문자열 병합  (0) 2022.12.12
문자열 변환  (0) 2022.12.12
문자열 접근  (0) 2022.12.12