下麵是Array slice()方法的示例。
- 例:
<script> function func() { // Original Array var arr = [23,56,87,32,75,13]; // Extracted array var new_arr = arr.slice(2,4); document.write(arr); document.write("<br>"); document.write(new_arr); } func(); </script>
- 輸出:
[23,56,87,32,75,13] [87,32]
arr.slice()方法返回一個新數組,其中包含在其上實現該數組的一部分。原件保持不變。
用法:
arr.slice(begin, end)
參數:此方法接受上麵提到和下麵描述的兩個參數:
- begin:此參數定義要從中提取部分的起始索引。如果缺少此參數,則該方法將從0開始,因為它是默認的起始值。
- end:此參數是要提取部分的索引(不包括結束索引)。如果未定義此參數,則將提取數組,直到結束為止,因為它是默認的結束值。如果結束值大於數組的長度,則結束值將更改為數組的長度。
返回值:此方法返回一個包含原始數組某些部分的新數組。
以下示例說明了JavaScript Array slice()方法:
- 範例1:在此示例中,slice()方法從給定的字符串中提取整個數組,並將其作為答案返回,因為沒有參數傳遞給它。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [23,56,87,32,75,13]
- 範例2:在此示例中,slice()方法提取從索引2開始到數組結尾的數組,並將其作為答案返回。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(2); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [87,32,75,13]
- 範例3:在此示例中,slice()方法從給定數組中從索引2開始提取數組,包括小於索引4的所有元素。
var arr = [23,56,87,32,75,13]; var new_arr = arr.slice(2,4); document.write(arr); document.write(new_arr);
輸出:
[23,56,87,32,75,13] [87,32]
下麵提供了上述方法的代碼:
程序1:
<script>
function func() {
//Original Array
var arr = [23,56,87,32,75,13];
//Extracted array
var new_arr = arr.slice();
document.write(arr);
document.write("<br>");
document.write(new_arr);
}
func();
</script>
輸出:
[23,56,87,32,75,13] [23,56,87,32,75,13]
程序2:
<script>
function func() {
//Original Array
var arr = [23,56,87,32,75,13];
//Extracted array
var new_arr = arr.slice(2);
document.write(arr);
document.write("<br>");
document.write(new_arr);
}
func();
</script>
輸出:
[23,56,87,32,75,13] [87,32,75,13]
支持的瀏覽器:下麵列出了JavaScript數組slice()方法支持的瀏覽器:
- 穀歌瀏覽器
- 微軟邊
- 火狐瀏覽器
- Safari
- Opera
相關用法
- Javascript Array.slice()和Array.splice()的區別用法及代碼示例
- Javascript string.slice()用法及代碼示例
- Javascript typedArray.slice()用法及代碼示例
- Typescript Array slice()用法及代碼示例
- Node.js Buffer.slice()用法及代碼示例
- Typescript String slice()用法及代碼示例
- underscore.js _.iterators.slice()用法及代碼示例
- JQuery slice()用法及代碼示例
- Node.js slice()用法及代碼示例
- CSS border-image-slice用法及代碼示例
- PHP Ds\Sequence slice()用法及代碼示例
- PHP Ds\Vector slice()用法及代碼示例
- PHP Ds\Deque slice()用法及代碼示例
- PHP Ds\Set slice()用法及代碼示例
注:本文由純淨天空篩選整理自HGaur大神的英文原創作品 JavaScript Array slice() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。