• Q&A
  • 회원가입
  • 로그인

[Array] JS - splice() 메서드 - 배열값 추가/제거 후 배열 반환. (= 스플라이스)

293  

splice() 예제

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

var code = ["HTML", "CSS", "PHP", "SQL"];

document.getElementById("demo").innerHTML = code;


function homzzang() {

  code.splice(2, 0, "JS", "JQ");

  document.getElementById("demo").innerHTML = code;

}

</script>

 

결과보기

결과값: HTML,CSS,JS,JQ,PHP,SQL

 

splice() 정의

 

배열값 추가/제거 후 배열 반환.

 


 

1.

원래 배열을 변경.

2.
모든 브라우저 지원.

3.

ECMAScript 1

 

 

 

splice() 구문

 

array.splice(index, howmany, item1, ....., itemX)

 


 

[매개변수]

index

필수. 배열값 추가/제거할 위치 지정. 정수. 배열 끝부터 위치 지정하려면 음수 사용.

 

howmany

선택. 제거할 배열값 개수. 0으로 설정하면 제거 안 함.

 

item1, ..., itemX

선택. 추가할 배열값.

 

 

 

splice() 예제 - 3번째 기존 배열값 1개 제거 후, 배열값 2개 새로 추가.

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

var code = ["HTML", "CSS", "PHP", "SQL"];

document.getElementById("demo").innerHTML = code;


function homzzang() {

  code.splice(2, 1, "JS", "JQ");

  document.getElementById("demo").innerHTML = code;

}

</script>

 

결과보기

결과값: HTML,CSS,JS,JQ,SQL

 

splice() 예제 - 세번째 배열값부터 시작해 2개 배열값 제거

 

<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

var code = ["HTML", "CSS", "PHP", "SQL"];

document.getElementById("demo").innerHTML = code;


function homzzang() {

  code.splice(2, 2);

  document.getElementById("demo").innerHTML = code;

}

</script>

 

결과보기

결과값: HTML,CSS

 


찾아주셔서 감사합니다. Since 2012