JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法
slice定義和用法
slice() 方法可從已有的數(shù)組中返回選定的元素。
語(yǔ)法
arrayObject.slice(start,end)
參數(shù) | 描述 |
---|---|
start | 必需。規(guī)定從何處開(kāi)始選取。如果是負(fù)數(shù),那么它規(guī)定從數(shù)組尾部開(kāi)始算起的位置。也就是說(shuō),-1 指最后一個(gè)元素,-2 指倒數(shù)第二個(gè)元素,以此類(lèi)推。 |
end | 可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒(méi)有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù),那么它規(guī)定的是從數(shù)組尾部開(kāi)始算起的元素。 |
返回值
返回一個(gè)新的數(shù)組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。
說(shuō)明
請(qǐng)注意,該方法并不會(huì)修改數(shù)組,而是返回一個(gè)子數(shù)組。如果想刪除數(shù)組中的一段元素,應(yīng)該使用方法 Array.splice()。
提示和注釋
注釋?zhuān)耗墒褂秘?fù)值從數(shù)組的尾部選取元素。
注釋?zhuān)喝绻?end 未被規(guī)定,那么 slice() 方法會(huì)選取從 start 到數(shù)組結(jié)尾的所有元素。
實(shí)例
例子 1
在本例中,我們將創(chuàng)建一個(gè)新數(shù)組,然后顯示從其中選取的元素:
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.slice(1) + "<br />") document.write(arr) </script>
輸出:
George,John,Thomas
John,Thomas
George,John,Thomas
例子 2
在本例中,我們將創(chuàng)建一個(gè)新數(shù)組,然后顯示從其中選取的元素:
<script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />") document.write(arr.slice(2,4) + "<br />") document.write(arr) </script>
輸出:
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin
核心代碼:
<script type="text/javascript"> //JS Array.slice 截取數(shù)組 //在JavaScript中,Array對(duì)象的slice(start[,end])方法返回?cái)?shù)組從下標(biāo)[start,end)的部分(不包含下標(biāo)為end的元素)如果沒(méi)有指定end參數(shù),則從start開(kāi)始到數(shù)組結(jié)尾的部分,slice()方法不改變?cè)瓟?shù)組,如果要?jiǎng)h除數(shù)組的一部分,可以使用splice()方法。 //參數(shù): //(1)start:開(kāi)始截取的數(shù)組下標(biāo),如果start是負(fù)數(shù),表明從數(shù)組尾部開(kāi)始計(jì)算。 //(2)end:結(jié)束截取的數(shù)組下標(biāo),如果end是負(fù)數(shù),表明從數(shù)組尾部開(kāi)始計(jì)算。 //例1: var arr = [1,2,3,4,5,6,7,8,9]; // [0,1,2,3,4,5,6,7,8] // [-10,-9,-8,-7,-6,-5,-4,-3,-2,-1] document.writeln(arr.slice(5)); // 輸出:6,7,8,9 document.writeln(arr.slice(-5)); // 輸出:5,6,7,8,9 document.writeln(arr.slice(0,3)); // 輸出:1,2,3 document.writeln(arr.slice(1,2)); // 輸出:2 document.writeln(arr.slice(3,-2)); // 輸出:4,5,6,7 document.writeln(arr.slice(1,9999)); // 輸出:2,3,4,5,6,7,8,9 //================================================================================================== //JS Array.splice(start,delete_count,value,...) 插入、刪除、替換數(shù)組 //參數(shù): //(1)start:開(kāi)始插入和(或)刪除的數(shù)組元素的下標(biāo)。 //(2)delete_count:結(jié)束截取的數(shù)組下標(biāo),如果end是負(fù)數(shù),表明從數(shù)組尾部開(kāi)始計(jì)算。 //(3)value,...:要插入數(shù)組的元素。 //返回:如果從數(shù)組中刪除了元素,則返回的是被刪除的元素的數(shù)組 // //例1: document.write("<hr>"); // var arr = [1,2,3,4,5,6,7,8,9]; document.writeln("arr=" + arr); // 輸出:arr=1,2,3,4,5,6,7,8,9 document.writeln("arr.splice(5)=" + arr.splice(5)); // 輸出:arr.splice(5)=6,7,8,9 document.writeln("arr=" + arr); // 輸出:arr=1,2,3,4,5 document.write("<br>"); // var arr = [1,2,3,4,5,6,7,8,9]; document.writeln("arr=" + arr); // 輸出:arr=1,2,3,4,5,6,7,8,9 document.writeln("arr.splice(5,1,99,100)=" + arr.splice(5,1,99,100)); // 輸出:arr.splice(5,1,99,100)=6 document.writeln("arr=" + arr); // 輸出:arr=1,2,3,4,5,99,100,7,8,9 document.write("<br>"); </script>
ok了,其實(shí)就是使用array.alice(0,20);截取前20個(gè)。
相關(guān)文章
使用JS將字符串保存成文件到本地(.txt、.json、.md)
工作中有時(shí)需要通過(guò)JavaScript保存文件到本地,下面這篇文章主要給大家介紹了關(guān)于使用JS將字符串保存成文件到本地的相關(guān)資料,分別包括生成.txt、.json、.md等文件,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06原生js實(shí)現(xiàn)查詢(xún)天氣小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)查詢(xún)天氣的小應(yīng)用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JavaScript之事件委托實(shí)例(附原生js和jQuery代碼)
下面小編就為大家?guī)?lái)一篇JavaScript之事件委托實(shí)例(附原生js和jQuery代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07Javascript中prototype屬性實(shí)現(xiàn)給內(nèi)置對(duì)象添加新的方法
這篇文章主要介紹了Javascript中prototype屬性實(shí)現(xiàn)給內(nèi)置對(duì)象添加新的方法,涉及javascript中prototype屬性的使用技巧,需要的朋友可以參考下2015-05-05