JS數(shù)組方法slice()用法實例分析
本文實例講述了JS數(shù)組方法slice()用法。分享給大家供大家參考,具體如下:
slice()方法
slice(),它能基于當前數(shù)組中的一個或多個創(chuàng)建一個新數(shù)組。可以接受一或兩個參數(shù),即要返回的起始和結束位置。
一個參數(shù):slice()方法返回從該參數(shù)指定位置開始到當前數(shù)組末尾的所有項。
兩個參數(shù):該方法返回起始和結束位置之間的項(但不包括結束位置的項)。
slice不會影響原始數(shù)組。
結束位置小于起始位置,返回空數(shù)組。
可以接受負數(shù),用數(shù)組長度加上該負數(shù)來確定相應位置。
var arr = [1, 2, 3, 'a', 'b', 'c', 'd'];
Array.prototype.copySlice =function() {
var newArr = [];
var len = this.length;
var argLen = arguments.length;
if(arguments.length == 1) {//一個參數(shù)
var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
for(var i = startNum; i < len; i++) {
newArr.push(arr[i]);
}
}
else if(arguments.length == 2) {//兩個參數(shù)
var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
var endNum = arguments[1] > 0 ? arguments[1] : (len + arguments[1]);
if(startNum >= endNum) {//起始索引大于終止索引,返回[]
return newArr;
}
else {
for(var i = startNum; i < endNum; i++) {
newArr.push(arr[i]);
}
}
}
return newArr;
};
console.log(arr.length); // 7
// 一個參數(shù)
console.log(arr.copySlice(2)); // [3, "a", "b", "c", "d"]
// 兩個參數(shù)
console.log(arr.copySlice(3, 6)); //["a", "b", "c"]
console.log(arr); //[1, 2, 3, "a", "b", "c", "d"]
// 接收負數(shù)
console.log(arr.copySlice(-2)); // ["c", "d"]
console.log(arr.copySlice(-5, 6)); //[3, "a", "b", "c"]
//結束位置小于起始位置,返回空數(shù)組。
console.log(arr.copySlice(-5, -6)); //[]
console.log(arr.copySlice(5, 5)); //[]
console.log(arr.copySlice(5, )); // ["c", "d"]
運行結果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JavaScript動態(tài)創(chuàng)建div屬性和樣式示例代碼
動態(tài)創(chuàng)建div屬性和樣式在某些情況下還是比較實用的,下面為大家詳細介紹下js中div屬性和樣式的動態(tài)創(chuàng)建,感興趣的朋友可以參考下2013-10-10
小程序與內嵌webview的數(shù)據(jù)交互方案詳解
這篇文章主要介紹了小程序與內嵌webview的數(shù)據(jù)交互方案,為實現(xiàn)H5頁面到小程序的無縫切換,技術方案包含使用webview交互,特別是低碼C端表單頁面的處理,需要的朋友可以參考下2024-09-09
trackingjs+websocket+百度人臉識別API實現(xiàn)人臉簽到
這篇文章主要介為大家詳細紹了trackingjs+websocket+百度人臉識別API實現(xiàn)人臉簽到功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-11-11
javascript中的undefined 與 null 的區(qū)別 補充篇
在Javascript中有兩個值用來代表類似空值的概念,undefined和null,這兩個很容易被混淆,他們表示的是兩個不同的概念。2010-03-03

