JavaScript – 數組 slice() 方法

在JavaScript中，有一種數組方法叫做slice()，它基于給定的起始和結束位置，創建一個新的數組副本。愛掏網 - it200.com該方法能夠將數組的一部分切成另一個數組。愛掏網 - it200.com

array.slice(start, end)

• start: 可選參數，表示切片起始位置的索引。愛掏網 - it200.com如果沒有指定，默認值為 0。愛掏網 - it200.com如果為負數，則 start 指向從最后一個元素開始計算的位置。愛掏網 - it200.com
• end: 可選參數，表示切片結束位置的索引。愛掏網 - it200.com如果沒有指定，默認為數組的長度。愛掏網 - it200.com如果為負數，則 end 指向從最后一個元素開始計算的位置(與start相反）。愛掏網 - it200.com

返回值

slice()方法返回一個由切片后的元素組成的新數組。愛掏網 - it200.com原始數組不會被改變。愛掏網 - it200.com

示例

var fruits = ['apple', 'banana', 'orange', 'lemon', 'grape'];

// 基于索引位置進行切片
var citrus = fruits.slice(2, 4);

console.log(citrus); // ['orange', 'lemon']

// 不傳 end 參數，表示切到數組結尾
var restFruits = fruits.slice(3); 

console.log(restFruits); // ['lemon', 'grape']

// 切片位置為負數，表示從后往前數
var lastTwoFruits = fruits.slice(-2);

console.log(lastTwoFruits); // ['lemon', 'grape']

應用

slice()方法的應用非常廣泛，例如，數組去重：

var arr = [1, 2, 3, 3, 4, 5, 5, 6];

var distinctArr = arr.filter(function(value, index, arr) {
    return arr.slice(0, index).indexOf(value) === -1;
});

console.log(distinctArr); // [1, 2, 3, 4, 5, 6]

注意事項

• slice()方法不會修改原始數組，而是返回一個新的切片數組。愛掏網 - it200.com使用該方法，不會修改原數組中的數據，這對于處理敏感數據非常有用。愛掏網 - it200.com

• 當使用array.slice(0)時，它將返回一個原始數組的副本。愛掏網 - it200.com切片數組與原始數組共享同一個緩存空間，這意味著當切片數組中的元素被修改時，原始數組也會受到影響。愛掏網 - it200.com

• 注意切片起始和結束位置的組合，如數組的長度是 n，則slice(-n) 和 slice(0, n)的結果相同。愛掏網 - it200.com

結論

slice()方法是JavaScript中的數組方法之一，它可以在不修改原始數組的情況下返回一個數組切片。愛掏網 - it200.com我們可以使用該方法來去重、拷貝、從數組中刪除元素等。愛掏網 - it200.com熟練掌握slice()的用法對于開發JavaScript應用程序非常有用。愛掏網 - it200.com