JS截取數(shù)組操作簡單示例
一、slice()
用法：array.slice([start], (end))， slice用于從指定值截取并返回新數(shù)組，但原數(shù)組結(jié)構(gòu)不變
| 參數(shù) | 描述 |
|---|---|
| start | 可選。規(guī)定從何處開始截取元素。slice(-2)代表倒數(shù)第二個元素到最后元素 |
| end | 可選。規(guī)定從何處結(jié)束截取元素，不包含當(dāng)前index,slice(-2,-1)指的是倒數(shù)第二個元素不包含最后一個元素 |
起始值可以為負(fù)數(shù)，-1為最后一個，end選填，但取不到end坐標(biāo)的值,實際返回的數(shù)組長度等于end-start
二、splice()
用法：array.splice(index, howmany, item1,.....,itemX)，可以刪除數(shù)組中的項，也可以向數(shù)組中添加新的項
| 參數(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個元素; console.log(arr); // ["蘋果"]; console.log(delArr ); // ["西瓜","草莓"];
var arr = ["蘋果","西瓜","草莓"]; arr.splice(1, 2, "荔枝", "龍眼"); // 從index=1處,開始刪除2個元素，并插入[荔枝]和[龍眼]; console.log(arr); // ["蘋果", "荔枝", "龍眼"];
var arr = ["蘋果","西瓜","草莓"]; arr.splice(1, 0, "荔枝", "龍眼"); // 從index=1處,插入[荔枝]和[龍眼]; console.log(arr); // ["蘋果", "荔枝", "龍眼","西瓜","草莓"];
附：提取數(shù)組中介于兩個指定下標(biāo)之間的字符
slice(start, end): 從下標(biāo)為start的成員開始提取，直到下標(biāo)為end的時候停止截取。第二個參數(shù)是可選的項，如果不填寫第二個參數(shù)的話，就會一直截到數(shù)組的末尾。如果start和end參數(shù)一致的話就不執(zhí)行截取操作，獲取的是一個空數(shù)組
(PS:如果截取成員過多導(dǎo)致越界的話不會報錯，會直接截取到最后一個元素，如果第一個參數(shù)比第二個參數(shù)大的話就不會截取數(shù)組，返回一個空數(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ù)的時候會自動把 -2 轉(zhuǎn)化為 str.length - 2
總結(jié)
到此這篇關(guān)于JS截取數(shù)組操作的文章就介紹到這了,更多相關(guān)JS截取數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS輪播圖中緩動函數(shù)的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
JS實現(xiàn)表單中checkbox對勾選中增加邊框顯示效果
這篇文章主要介紹了JS實現(xiàn)表單中checkbox對勾選中增加邊框顯示效果,可實現(xiàn)點擊后圖片增加邊框及勾選的功能,非常簡潔實用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript閉包相關(guān)知識解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JavaScript中詭異的delete操作符,本文講解了刪除對象的屬性、對數(shù)組的操作、對于變量的操作等內(nèi)容,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了微信小程序后端實現(xiàn)授權(quán)登錄,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
uniapp項目實踐封裝通用請求上傳以及下載方法總結(jié)
在日常開發(fā)過程中,前端經(jīng)常要和后端進行接口聯(lián)調(diào),獲取并且渲染數(shù)據(jù)到頁面中,接下來就總結(jié)一下?uniapp?中獲取請求、文件下載和上傳的一些方法2023-09-09
JavaScript使用shift方法移除素組第一個元素實例分析
這篇文章主要介紹了JavaScript使用shift方法移除素組第一個元素的用法,實例分析了javascript中shift方法的使用技巧,需要的朋友可以參考下2015-04-04
javascript中全局對象的parseInt()方法使用介紹
全局對象的parseInt()方法該如何使用，下面為大家詳細(xì)介紹下，感興趣的朋友不要錯過2013-12-12
JavaScript中檢測數(shù)據(jù)類型的四種方法
這篇文章主要給大家分享的是JavaScript中檢測數(shù)據(jù)類型的四種方法，有 typeof、instanceof、constructor、Object.prototype.toString.call()，下面文章詳細(xì)介紹內(nèi)容，需要的小伙伴可以參考一下2022-01-01
這篇文章主要為大家詳細(xì)介紹了Bootstrap如何激活導(dǎo)航狀態(tài)，包括膠囊式導(dǎo)航中的激活狀態(tài)和列表導(dǎo)航中的激活狀態(tài)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03