JS如何將元素插入數(shù)組的指定索引

這篇文章主要講解了“JS如何將元素插入數(shù)組的指定索引”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JS如何將元素插入數(shù)組的指定索引”吧！

在莎車等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站制作、網(wǎng)站設計 網(wǎng)站設計制作按需策劃設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站建設,成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設,莎車網(wǎng)站建設費用合理。

簡介

數(shù)組是一種線性數(shù)據(jù)結構，可以說是編程中最常用的數(shù)據(jù)結構之一。修改數(shù)組是一種常見的操作，這里，我們來討論如何在 JS 中數(shù)組的任何位置添加元素。

元素可以添加到數(shù)組中的三個位置

• 開始/第一個元素

• 結束/最后元素

• 其他地方

1111

接著，我們一個一個過一下：

數(shù)組對象中的unshift()方法將一個或多個元素添加到數(shù)組的開頭，并返回數(shù)組的新長度：

const startArray = [3, 4, 5]; const newLength = startArray.unshift(2); console.log(newLength);  console.log(startArray);  startArray.unshift(-1, 0, 2); console.log(startArray);

上面輸出的結果：

4 [ 2, 3, 4, 5 ] [ -1, 0, 2, 2, 3, 4, 5 ]

將元素添加到數(shù)組的末尾

使用數(shù)組的最后一個索引

要在數(shù)組末尾添加元素，可以使用數(shù)組的長度總是比下標小1這一技巧。

const indexArray = [1, 2, 3]; console.log(indexArray.length); console.log(indexArray[2]); console.log(indexArray[3]);  indexArray[indexArray.length] = 4 console.log(indexArray);

上面輸出的結果：

3 3 undefined [ 1, 2, 3, 4 ]

數(shù)組的長度是3，第二個元素是3。沒有第三個元素，所以我們用undefined開頭。最后，在該位置插入值4。

使用 push() 方法

數(shù)組的push()方法將一個或多個元素添加到數(shù)組的末尾。就像unshift()一樣，它也會返回數(shù)組的新長度

const pushArray = [1, 2, 3] const newLength = pushArray.push(4, 5, 6, 7); console.log(newLength); console.log(pushArray);

上面輸出的結果：

7 [ 1, 2, 3, 4, 5, 6, 7 ]

使用 concat() 方法

通過數(shù)組的concat()方法實現(xiàn)兩個或更多數(shù)組的合并。它創(chuàng)建新的副本，且不影響原始數(shù)組。與以前的方法不同，它返回一個新數(shù)組。使用該方法，要連接的值始終位于數(shù)組的末尾。

const example1Array1 = [1, 2, 3]; const valuesToAdd = [4, 5, 6]; const example1NewArray = example1Array1.concat(valuesToAdd);  console.log(example1NewArray); console.log(example1Array1);

上面輸出的結果：

[ 1, 2, 3, 4, 5, 6 ] [ 1, 2, 3 ]

我們可以將一個數(shù)組與一系列值連接起來：

const array = [1,2,3]; const newArray = array.concat('12', true, null, 4,5,6,'hello'); console.log(array); console.log(newArray);

上面輸出的結果：

[ 1, 2, 3 ] [ 1, 2, 3, '12', true, null, 4, 5, 6, 'hello' ]

可以將一個數(shù)組與多個數(shù)組連接起來:

const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const array3 = [7, 8, 9]; const oneToNine = array1.concat(array2, array3);  console.log(oneToNine);

上面輸出的結果：

[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

在數(shù)組的任何位置添加元素

現(xiàn)在我們將討論一個masterstroke方法，它可以用于在數(shù)組的任何位置添加元素——開始、結束、中間和中間的任何位置。

splice()方法添加，刪除和替換數(shù)組中的元素。它通常用于數(shù)組管理，此方法不會創(chuàng)建新數(shù)組，而是會更新調(diào)用它的數(shù)組。

我們來看看splice()的實際應用。這里有一個weekdays數(shù)組，現(xiàn)在，我們想在'周二'和'周四'之間添加一個'周三'元素

const weekdays = ['周一', '周三', '周四', '周五'] const deletedArray = weekdays.splice(2, 0, '周二');  console.log(weekdays); console.log(deletedArray);

上面輸出的結果：

["周一", "周二", "周三", "周四", "周五"] []

分析一下上面的代碼。我們想在weekdays數(shù)組的第二個位置添加'周二'。這里不需要刪除任何元素。weekdays.splice(2, 0,  'wednesday')被讀取為第二個位置，不移除任何元素并添加'周二'。

下面是使用splice()的一般語法:

let removedItems = array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

• start-開始修改數(shù)組的索引。

• deleteCount -從start 刪除的數(shù)組中可選的項目數(shù)。如果省略，則start后的所有項目都將被刪除。

• item1, item2, ...-從start 添加到數(shù)組的可選項目。如果省略，它將僅從數(shù)組中刪除元素。

我們看一下slice()的另一個示例，在該示例中我們同時添加和刪除數(shù)組。我們將在第二個位置添加 '周三'，但是我們還將在該處刪除錯誤的周末值：

const weekdays = ['周一', '周三', '周六', '周日', '周四', '周五'] const deletedArray = weekdays .splice(2, 2, '周二');  console.log(weekdays); console.log(deletedArray);

上面輸出的結果：

["周一", "周三", "周二", "周四", "周五"] ["周六", "周日"]

感謝各位的閱讀，以上就是“JS如何將元素插入數(shù)組的指定索引”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對JS如何將元素插入數(shù)組的指定索引這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關知識點的文章，歡迎關注！

本文名稱：JS如何將元素插入數(shù)組的指定索引
當前網(wǎng)址：http://muchs.cn/article6/piseog.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、面包屑導航、搜索引擎優(yōu)化、App開發(fā)、全網(wǎng)營銷推廣、網(wǎng)站設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)