array_javascript 기술을 가로채는 JS Array.slice 구현 방법-JS 튜토리얼-php.cn

array_javascript 기술을 가로채는 JS Array.slice 구현 방법

WBOY

풀어 주다： 2016-05-16 15:22:23

원래의

1650명이 탐색했습니다.

슬라이스 정의 및 사용법

slice() 메서드는 기존 배열에서 선택한 요소를 반환합니다.

문법
arrayObject.slice(시작,끝)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

반환값

처음부터 끝까지(제외) arrayObject의 요소를 포함하는 새 배열을 반환합니다.

설명

이 메소드는 배열을 수정하지 않고 하위 배열을 반환한다는 점에 유의하세요. 배열에서 요소의 세그먼트를 삭제하려면 Array.splice() 메서드를 사용해야 합니다.

팁 및 참고사항

참고: 음수 값을 사용하여 배열의 끝 부분에서 요소를 선택할 수 있습니다.
참고: end를 지정하지 않으면 Slice() 메서드는 배열의 시작부터 끝까지 모든 요소를 선택합니다.

예시

예시 1

이 예에서는 새 배열을 만든 다음 여기에서 선택한 요소를 표시합니다.

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>

로그인 후 복사

출력:
조지,존,토마스
존,토마스
조지,존,토마스

예시 2

이 예에서는 새 배열을 만든 다음 여기에서 선택한 요소를 표시합니다.

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>

로그인 후 복사

출력:
조지,존,토마스,제임스,애드류,마틴
토마스,제임스
조지,존,토마스,제임스,애드류,마틴

핵심 코드:

<script type="text/javascript">
//JS Array.slice 截取数组
//在JavaScript中，Array对象的slice(start[,end])方法返回数组从下标[start,end)的部分（不包含下标为end的元素）如果没有指定end参数，则从start开始到数组结尾的部分，slice()方法不改变原数组，如果要删除数组的一部分，可以使用splice()方法。
//参数：
//（1）start:开始截取的数组下标，如果start是负数，表明从数组尾部开始计算。
//（2）end:结束截取的数组下标，如果end是负数，表明从数组尾部开始计算。
//例1：

var arr = [1,2,3,4,5,6,7,8,9];
    // [0,1,2,3,4,5,6,7,8]
  // [-10,-9,-8,-7,-6,-5,-4,-3,-2,-1]
  
document.writeln(arr.slice(5)); // 输出：6,7,8,9
document.writeln(arr.slice(-5)); // 输出：5,6,7,8,9
document.writeln(arr.slice(0,3)); // 输出：1,2,3
document.writeln(arr.slice(1,2)); // 输出：2
document.writeln(arr.slice(3,-2)); // 输出：4,5,6,7
document.writeln(arr.slice(1,9999)); // 输出：2,3,4,5,6,7,8,9
//==================================================================================================
//JS Array.splice(start,delete_count,value,...) 插入、删除、替换数组
//参数：
//（1）start:开始插入和（或）删除的数组元素的下标。
//（2）delete_count:结束截取的数组下标，如果end是负数，表明从数组尾部开始计算。
//（3）value,...：要插入数组的元素。
//返回：如果从数组中删除了元素，则返回的是被删除的元素的数组
//
//例1：
document.write("<hr>");
//
var arr = [1,2,3,4,5,6,7,8,9];
document.writeln("arr=" + arr); // 输出：arr=1,2,3,4,5,6,7,8,9
document.writeln("arr.splice(5)=" + arr.splice(5)); // 输出：arr.splice(5)=6,7,8,9
document.writeln("arr=" + arr); // 输出：arr=1,2,3,4,5
document.write("<br>");
//
var arr = [1,2,3,4,5,6,7,8,9];
document.writeln("arr=" + arr); // 输出：arr=1,2,3,4,5,6,7,8,9
document.writeln("arr.splice(5,1,99,100)=" + arr.splice(5,1,99,100)); // 输出：arr.splice(5,1,99,100)=6
document.writeln("arr=" + arr); // 输出：arr=1,2,3,4,5,99,100,7,8,9
document.write("<br>");
</script>

로그인 후 복사

좋아요, 실제로 array.alice(0,20)를 사용하여 처음 20개를 가로채세요.