快捷導(dǎo)航

JS截取數(shù)組操作簡(jiǎn)單示例

更新時(shí)間：2023年08月29日 10:38:16 作者：zlting~

這篇文章主要給大家介紹了關(guān)于JS截取數(shù)組操作的相關(guān)資料,對(duì)數(shù)組的操作相信大家都不陌生,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下

一、slice()

用法：array.slice([start], (end))， slice用于從指定值截取并返回新數(shù)組，但原數(shù)組結(jié)構(gòu)不變

參數(shù)	描述
start	可選。規(guī)定從何處開(kāi)始截取元素。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ù)組長(zhǎng)度等于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 開(kāi)始到原數(shù)組結(jié)尾的所有元素。
itemX	可選。要添加到數(shù)組的新元素

示例：

如果從 array 中刪除了元素，則返回的是被刪除的元素的數(shù)組，并且改變了原數(shù)組。

var arr = ["蘋果","西瓜","草莓"];
var delArr = arr.splice(1, 2); // 從index=1,開(kāi)始刪除2個(gè)元素;
console.log(arr); // ["蘋果"];
console.log(delArr ); // ["西瓜","草莓"];

var arr = ["蘋果","西瓜","草莓"];
arr.splice(1, 2, "荔枝", "龍眼"); // 從index=1處,開(kāi)始刪除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的成員開(kāi)始提取，直到下標(biāo)為end的時(shí)候停止截取。第二個(gè)參數(shù)是可選的項(xiàng)，如果不填寫第二個(gè)參數(shù)的話，就會(huì)一直截到數(shù)組的末尾。如果start和end參數(shù)一致的話就不執(zhí)行截取操作，獲取的是一個(gè)空數(shù)組
(PS:如果截取成員過(guò)多導(dǎo)致越界的話不會(huì)報(bào)錯(cuò)，會(huì)直接截取到最后一個(gè)元素，如果第一個(gè)參數(shù)比第二個(gè)參數(shù)大的話就不會(huì)截取數(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í)候會(huì)自動(dòng)把 -2 轉(zhuǎn)化為 str.length - 2