本文實(shí)例講述了JS數(shù)組方法slice()用法。分享給大家供大家參考,具體如下:
創(chuàng)新互聯(lián)為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設(shè)計服務(wù),主要包括成都網(wǎng)站設(shè)計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、成都app開發(fā)、微信小程序定制開發(fā)、宣傳片制作、LOGO設(shè)計等,幫助客戶快速提升營銷能力和企業(yè)形象,創(chuàng)新互聯(lián)各部門都有經(jīng)驗(yàn)豐富的經(jīng)驗(yàn),可以確保每一個作品的質(zhì)量和創(chuàng)作周期,同時每年都有很多新員工加入,為我們帶來大量新的創(chuàng)意。
slice(),它能基于當(dāng)前數(shù)組中的一個或多個創(chuàng)建一個新數(shù)組。可以接受一或兩個參數(shù),即要返回的起始和結(jié)束位置。
一個參數(shù):slice()方法返回從該參數(shù)指定位置開始到當(dāng)前數(shù)組末尾的所有項。
兩個參數(shù):該方法返回起始和結(jié)束位置之間的項(但不包括結(jié)束位置的項)。
slice不會影響原始數(shù)組。
結(jié)束位置小于起始位置,返回空數(shù)組。
可以接受負(fù)數(shù),用數(shù)組長度加上該負(fù)數(shù)來確定相應(yīng)位置。
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"] // 接收負(fù)數(shù) console.log(arr.copySlice(-2)); // ["c", "d"] console.log(arr.copySlice(-5, 6)); //[3, "a", "b", "c"] //結(jié)束位置小于起始位置,返回空數(shù)組。 console.log(arr.copySlice(-5, -6)); //[] console.log(arr.copySlice(5, 5)); //[] console.log(arr.copySlice(5, )); // ["c", "d"]
運(yùn)行結(jié)果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。