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

[Array] JS - slice() 메서드 ★ - 선택배열값 갖는 새 배열객체 반환 (= 슬라이스메서드)

284  

slice() 예제

 

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


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

<script>

function homzzang() {

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

  server = code.slice(3, 5);

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

}

</script>

 

결과보기

결과값: PHP,SQL

 

slice() 정의

 

선택한 배열값 갖는 새 배열객체 반환

 


 

1.

start x end 범위의 배열값 선택.

즉, start 값은 포함. end값은 비포함.

 

2.

원래 배열 변경 안 함.

cf.
splice() 메서드는 원래 배열을 변경.

 

 

 

slice() 구문

 

array.slice(start, end)

 


 

[매개변수]

start

선택. 선택시작색인번호 (포함 O). (첫 번째 배열값 색인번호: 0)

배열 끝부터 시작하려면, 음수 사용. (마지막 배열값: -1)

생략된 경우, 0부터 시작.

 

end

선택. 선택끝색인번호 (포함 X)

배열 끝부터 시작하려면, 음수 사용. (마지막 배열값: -1)

마지막 배열값 포함 경우, 음수로는 표현 불가함. length값 (= 배열개수) 사용할 것 !! (예제1 참고)

생략된 경우, start부터 마지막배열값까지의 모든 배열값이 선택됨.

 

 

 

slice() 예제1 - 마지막 배열값 포함할 경우 음수로는 표현 불가.

 

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


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

<script>

function homzzang() {

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

  server = code.slice(-2, 5);

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

}

</script>

 

결과보기

결과보기: PHP,SQL


slice() 예제2

 

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


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

<script>

function homzzang() {

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

  server = code.slice(-5, -2);

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

}

</script>

 

결과보기

결과값: HTML,CSS,JS



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