JS截取數(shù)組操作簡單示例
一、slice()
用法:array.slice([start], (end))
, slice用于從指定值截取并返回新數(shù)組,但原數(shù)組結(jié)構(gòu)不變
參數(shù) | 描述 |
---|---|
start | 可選。規(guī)定從何處開始截取元素。slice(-2)代表倒數(shù)第二個(gè)元素到最后元素 |
end | 可選。規(guī)定從何處結(jié)束截取元素,不包含當(dāng)前index,slice(-2,-1)指的是倒數(shù)第二個(gè)元素不包含最后一個(gè)元素 |
起始值可以為負(fù)數(shù),-1為最后一個(gè),end選填,但取不到end坐標(biāo)的值,實(shí)際返回的數(shù)組長度等于end-start
二、splice()
用法:array.splice(index, howmany, item1,.....,itemX),可以刪除數(shù)組中的項(xiàng),也可以向數(shù)組中添加新的項(xiàng)
參數(shù) | 描述 |
---|---|
index | 必需。規(guī)定從何處添加/刪除元素。 |
howmany | 可選。規(guī)定應(yīng)該刪除多少元素。如果未規(guī)定此參數(shù),則刪除從 index 開始到原數(shù)組結(jié)尾的所有元素。 |
itemX | 可選。要添加到數(shù)組的新元素 |
示例:
如果從 array 中刪除了元素,則返回的是被刪除的元素的數(shù)組,并且改變了原數(shù)組。
var arr = ["蘋果","西瓜","草莓"]; var delArr = arr.splice(1, 2); // 從index=1,開始刪除2個(gè)元素; console.log(arr); // ["蘋果"]; console.log(delArr ); // ["西瓜","草莓"];
var arr = ["蘋果","西瓜","草莓"]; arr.splice(1, 2, "荔枝", "龍眼"); // 從index=1處,開始刪除2個(gè)元素,并插入[荔枝]和[龍眼]; console.log(arr); // ["蘋果", "荔枝", "龍眼"];
var arr = ["蘋果","西瓜","草莓"]; arr.splice(1, 0, "荔枝", "龍眼"); // 從index=1處,插入[荔枝]和[龍眼]; console.log(arr); // ["蘋果", "荔枝", "龍眼","西瓜","草莓"];
附:提取數(shù)組中介于兩個(gè)指定下標(biāo)之間的字符
slice(start, end)
: 從下標(biāo)為start的成員開始提取,直到下標(biāo)為end的時(shí)候停止截取。第二個(gè)參數(shù)是可選的項(xiàng),如果不填寫第二個(gè)參數(shù)的話,就會一直截到數(shù)組的末尾。如果start和end參數(shù)一致的話就不執(zhí)行截取操作,獲取的是一個(gè)空數(shù)組
(PS:如果截取成員過多導(dǎo)致越界的話不會報(bào)錯(cuò),會直接截取到最后一個(gè)元素,如果第一個(gè)參數(shù)比第二個(gè)參數(shù)大的話就不會截取數(shù)組,返回一個(gè)空數(shù)組)
let str = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] let a = str.slice(2, 5) // ['c', 'd', 'e', 'f']
let str = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'] let b = str.slice(2) // ['c', 'd', 'e', 'f', 'g', 'h']
let str = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']; let a = str.slice(2, 2) // []
let str = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']; let a = str.slice(2, -2) // 參數(shù)為負(fù)數(shù)的時(shí)候會自動(dòng)把 -2 轉(zhuǎn)化為 str.length - 2
總結(jié)
到此這篇關(guān)于JS截取數(shù)組操作的文章就介紹到這了,更多相關(guān)JS截取數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型
這篇文章主要介紹Javascript如何判斷數(shù)據(jù)類型和數(shù)組類型,通俗易懂,需要的朋友可以參考下。2016-06-06基于JS+Canves實(shí)現(xiàn)點(diǎn)擊按鈕水波紋效果
本文給大家分享基于js和canves實(shí)現(xiàn)點(diǎn)擊按鈕水波紋效果,效果非常逼真,對此感興趣的朋友一起看看吧2016-09-09nestjs返回給前端數(shù)據(jù)格式的封裝實(shí)現(xiàn)
這篇文章主要介紹了nestjs返回給前端數(shù)據(jù)格式的封裝實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02javascript實(shí)現(xiàn)查找數(shù)組中最大值方法匯總
本文給大家匯總了一下使用javascript實(shí)現(xiàn)查找數(shù)組中最大最小值的一些方法,非常的簡單實(shí)用,有需要的小伙伴可以來參考下。2016-02-02