>  기사  >  웹 프론트엔드  >  javascript에서 배열 사용 예제를 가로채기 위해 Slice() 함수를 사용하는 방법에 대한 자세한 설명

javascript에서 배열 사용 예제를 가로채기 위해 Slice() 함수를 사용하는 방법에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-25 15:35:482705검색

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

Syntax
arrayObject.slice(start,end)

Parameters Description
start 필수입니다. 선택을 시작할 위치를 지정합니다. 음수인 경우 배열 끝에서부터의 위치를 ​​지정합니다. 즉, -1은 마지막 요소를 나타내고, -2는 마지막 요소에서 두 번째를 나타내는 식입니다.
end 선택사항. 선택이 끝나는 위치를 지정합니다. 이 매개변수는 배열 조각 끝에 있는 배열 인덱스입니다. 이 매개변수를 지정하지 않으면 분할 배열에는 배열의 시작부터 끝까지 모든 요소가 포함됩니다. 이 매개변수가 음수이면 배열 끝부터 시작하는 요소를 지정합니다.

반환 값

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

Description

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

팁 및 메모

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

Example

예제 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>

출력:
George,John,Thomas
John,Thomas
George ,John,Thomas

예제 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>

출력:
George,John,Thomas,James, Adrew, Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

핵심 코드:


<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>

좋습니다. 20개를 가로채기 전에 실제로 array.alice(0,20)를 사용하세요.

위 내용은 javascript에서 배열 사용 예제를 가로채기 위해 Slice() 함수를 사용하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.