[javascript] 자바스크립트 배열 추가 삭제 array 다루기

javascript의 배열 추가 삭제 사용법에 대해서 알아보겠습니다.

javascript push() splice() 함수를 사용해서 추가 삭제를 해보겠습니다.

push()는 배열의 맨 뒤에 object를 추가하고

splice(시작위치, 길이)는 배열의 시작위치에서 길이 만큼 배열을 삭제합니다. 

소스와 예제를 통해서 알아보겠습니다

- html

<span id="first"></span>
<span id="second"></span>
<span id="third"></span>
<div id="add"></div>
<div id="remove"></div>	

- javascript

$(document).ready(function () { var array = ["사과", "바나나", "우유", "딸기", "키위"];      $("#first").append(array[0]);   $("#second").append(array[1]);   $("#third").append(array[2]);      // 배열 토마토 추가   array.push('토마토');      var add = "";   for (var i=0; i<array.length; i++) {    addhtml += array[i];   }   $("#add").append(add);      // 3번째 순서 배열(우유) 삭제   array.splice(2,1);   var remove = "";   for (var i=0; i<array.length; i++) {    remove += array[i];   }   $("#remove").append(remove); });

 

예제보기

push() 함수를 이용하여 배열의 마지막에 Object를 추가할 수 있고

splice(2, 1) 0 1 2 의 2번부터 1 의 길이 만큼 삭제했기 때문에 우유 object만 삭제가 된걸 확인할 수 있습니다.

splice의 시작 위치와 길이에 대해서 정확히 알아두고 적절하게 사용하세요~