使用JavaScript怎么對(duì)Array數(shù)組按指定位置刪除或添加元素

本篇文章為大家展示了使用JavaScript怎么對(duì)Array數(shù)組按指定位置刪除或添加元素，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

javascript是一種什么語言

javascript是一種動(dòng)態(tài)類型、弱類型的語言，基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁開發(fā)的腳本語言，同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

JavaScript的數(shù)據(jù)中可通過splice/slice在指定位置添加或刪除元素。另外還有slice、delete等方法實(shí)現(xiàn)。

splice簡介

splice方法向/從數(shù)組中添加/刪除項(xiàng)目，然后返回被刪除的項(xiàng)目。 該方法會(huì)改變?cè)紨?shù)組。

 arrayObject.splice(index, howmany, item1, ..., itemX)

參數(shù) 描述

index 必需。整數(shù)，規(guī)定添加/刪除項(xiàng)目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。

howmany 必需。要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0，則不會(huì)刪除項(xiàng)目。

item1, ..., itemX 可選。向數(shù)組添加的新項(xiàng)目。

使用示例

刪除第3個(gè)元素

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 1);
console.log(arr) //[1, 2, 4, 5]

刪除開始的3個(gè)元素

var arr = [1, 2, 3, 4, 5];
arr.splice(0, 3);
console.log(arr); //[4, 5]

在第2個(gè)元素后，添加新數(shù)字 9

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 9);
console.log(arr) //[1, 2, 9, 3, 4, 5]

Array.insert 添加

借助splice可以在array上面添加一個(gè)原生的insert方法，直接操作數(shù)組：

Array.prototype.insert = function(index) {
 index = Math.min(index, this.length);
 arguments.length > 1
 && this.splice.apply(this, [index, 0].concat([].pop.call(arguments)))
 && this.insert.apply(this, arguments);
 return this;
};

使用示例

var arr = [1, 2, 3, 4, 5];
arr.insert(2, -1, -2, -3);
console.log(arr); // [1, 2, -1, -2, -3, 3, 4, 5]

Array.remove 刪除

也可以用slice在array上面添加一個(gè)原生的remove方法

Array.prototype.remove = function(from, to) {
 var rest = this.slice((to || from) + 1 || this.length);
 this.length = from < 0 ? this.length + from : from;
 return this.push.apply(this, rest);
};

使用，刪除第3個(gè)元素

var arr = [1, 2, 3, 4, 5];
arr.remove(2); //第3個(gè)元素索引是2
console.log(arr); //[1, 2, 4, 5]

這里使用了slice方法，簡介如下：

slice簡介

slice() 方法可從已有的數(shù)組中返回選定的元素。 返回一個(gè)新數(shù)組，不修改原有數(shù)組。

arrayObject.slice(start,end)

參數(shù)描述

start 必需。規(guī)定從何處開始選取。如果是負(fù)數(shù)，那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說，-1 指最后一個(gè)元素，-2 指倒數(shù)第二個(gè)元素，以此類推。

end 可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù)，那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù)，那么它規(guī)定的是從數(shù)組尾部開始算起的元素。

上述內(nèi)容就是使用JavaScript怎么對(duì)Array數(shù)組按指定位置刪除或添加元素，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。