常用的Javascrip操作數組

eechen 發布于2019-08-26 12:10 / 1121人閱讀

摘要：前言我們經常需要對數組進行各種各樣的操作，比如數組最前面插入一項，最后面插入一項，中間插入一項等等等等。因此翻譯出來就是從下標為的元素開始到下標為注意這里是下標為而不是的元素滑出來，作為返回值返回重新賦值給。

前言

我們經常需要對數組進行各種各樣的操作，比如數組最前面插入一項，最后面插入一項，中間插入一項等等等等。那就一次性搞定這些操作吧！

首項相關操作

首項插入: unshift

let myArray = [1, 2, 3]
myArray.unshift(0) //插入項的值為0
myArray

首項刪除: shift

let myArray = [1, 2, 3]
myArray.shift()
myArray

末項相關操作

末項插入： push

let myArray = [1, 2, 3]
myArray.push(4) // 插入項的值為4
myArray

末項刪除: pop

let myArray = [1, 2, 3]
myArray.pop() // 彈出最后一項
myArray

中間項相關操作

第i個位置插入一項或多項: splice

let myArray = ["a", "b", "c"]
myArray.splice(1, 0, "哈哈哈", "嚯嚯嚯", "嘻嘻嘻")
myArray

解釋下splice方法就能理解了，splice可用來對數組進行刪除或者添加元素，接收兩個以上的參數：位置， 刪除多少項, 要插入的項。因此，myArray.splice(1, 0, "哈哈哈", "嚯嚯嚯", "嘻嘻嘻")翻譯過來就是: 在下標為1的位置，刪除0項，并將哈哈哈, 嚯嚯嚯, 嘻嘻嘻插入。這樣就可以做到只做添加不做刪除。

刪除第i到j項: splice

let myArray = ["a", "b", "c", "d", "e"]
myArray.splice(1, 3) // 刪除b, c, d
myArray

根據上面對splice的解釋，可以知道myArray.splice(1, 3)就是從數組下標為1的位置開始，刪除3個元素（并且不做任何插入）

只保留第i到j項: slice

let myArray = ["a", "b", "c", "d", "e"]
myArray = myArray.slice(2, 4)
myArray

對slice的解釋：將slice理解為滑動選擇，接收兩個參數, 開始位置和結束位置, 即將數組中從開始位置到結束位置的元素滑出來（不包括結束位置的元素）,作為返回值返回。因此myArray = myArray.slice(2, 4)翻譯出來就是從下標為2的元素開始到下標為3(注意這里是下標為3而不是4)的元素滑出來，作為返回值返回重新賦值給myArray。關于slice和split的比較后面會詳細講。

總結

總結主要講一下splice和slice的區別，功能上的區別就不說了，就說幾個注意的點:

splice會改變原數組，而slice不會，因此在用slice操作完了之后要做一次重新賦值.

slice的接收的兩個參數分別為2和4的時候，最后得到的是下標為2到下標為3的元素（不包括4）

將slice理解為滑動,就不會記混了。

云服務器 GPU云服務器常用的服務器操作系統 php操作數組的函數 Excel常用操作 linux常用操作

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108151.html

來聊一聊JavaScrip數組刪除特定元素

摘要：序述說到刪除數組特定元素你可能不止一種方法可以實現下面且來看看我總結的這幾種方法可能會對你有所幫助源數組偽刪除什么是偽刪除呢就是說將數組元素值設置為刪除后的數組是這個樣子的不過要注意這意味著數組也就是變量的長度保持不變完全刪除是什么是完全刪序述說到刪除數組特定元素你可能不止一種方法可以實現, 下面且來看看我總結的這幾種方法,可能會對你有所幫助！源數組 var arr = [Geo...

he_xd 2019-08-21 16:17 評論0 收藏0
JavaScrip學習之Object(上)

摘要：對象篇簡介本身就是一個函數，可用于工具函數，也可以是用于構造對象的函數其次可以添加屬性和方法方法又可以分為靜態方法定義在自身上的和實例方法定義在原型上的工具函數作為工具函數參數可以是任意數據類型，將其轉為對象如果參數是空，，則將其轉換為空對對象篇 Object簡介 Object本身就是一個函數，可用于工具函數，也可以是用于構造對象的函數；其次Object可以添加屬性和方法；方法又可以...

li21 2019-08-23 12:13 評論0 收藏0
前端文檔收集

摘要：系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

jsbintask 2019-08-21 12:05 評論0 收藏0
前端文檔收集

摘要：系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

muddyway 2019-08-29 13:21 評論0 收藏0