JavaScript中字符串，數組截取辦法

字符串

substring

形式：substring(index1, index2)

• 不會改變原始字符串
• 將小的參數作為開始位置start，大的作為結束位置stop
• 包含start，但不包含stop
• 如果只給一個參數表示從它start截取到字符串結尾
• 如果某個參數為負，會先將負數變為 0，並以它為start

var str = "0123456789";
console.log(str.substring(1, 5)); // "1234"
console.log(str.substring(8, 4)); // "4567"
console.log(str.substring(1)); // "123456789"
console.log(str.substring(-2, 6)); // "012345"
console.log(str); // "0123456789"

substr

形式：substr(start, length)

• 不會改變原始字符串
• 如果缺length，表示從start截取到字符串結尾
• 如果start為負數，那么start = str.length + start
• 如果length為負數或者0，那么返回空字符串

var str = "0123456789";
console.log(str.substr(1, 5)); // "12345"
console.log(str.substr(4)); // "456789"
console.log(str.substr(-3)); // "789"
console.log(str.substr(4, 0)); // ""
console.log(str.substr(4, -2)); // ""
console.log(str); // "0123456789"

數組

splice

形式：substr(start, length, *args)

• 會改變原始數組
• 從指定的索引開始刪除若干元素，再從該位置添加若干元素

var arr = [0,1,2,3,4,5,6,7,8,9];
console.log(arr.splice(2, 3, 12, 13)); // 返回刪除的元素 [2,3,4]
console.log(arr); // [0,1,12,13,5,6,7,8,9]
console.log(arr.splice(2, 3)); // [12,13,5]
console.log(arr); // [0,1,6,7,8,9]
console.log(arr.splice(2, 0, 22, 23)); // 返回[]，沒有刪除任何元素
console.log(arr); // [0,1,22,23,6,7,8,9]

數組&字符串

slice

形式：slice(start,stop)

• 不會改變原始數組/字符串
• 包含start，但不包含stop
• 如果只給一個參數表示從它start截取到字符串結尾
• 如果start比stop大（不會互換），或start與stop相等，則截取為空
• 如果start為負數，那么start = str.length + start

var str = "0123456789";
var arr = [0,1,2,3,4,5,6,7,8,9];
console.log(str.slice(1, 6)); // "12345"
console.log(arr.slice(1, 6)); // [1,2,3,4,5]
console.log(str.slice(2)); // "23456789"
console.log(arr.slice(2)); // [2,3,4,5,6,7,8,9]
console.log(str.slice(3,3)); // ""
console.log(arr.slice(3,3)); // []
console.log(str.slice(6,5)); // ""
console.log(arr.slice(6,5)); // []
console.log(str.slice(6,-1)); // "678"

參考文章鏈接