成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

常用的Javascrip操作數(shù)組

eechen / 1127人閱讀

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

前言

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

首項相關(guān)操作

首項插入: unshift

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

首項刪除: shift

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

末項相關(guān)操作

末項插入： push

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

末項刪除: pop

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

中間項相關(guān)操作

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

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

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

刪除第i到j(luò)項: splice

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

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

只保留第i到j(luò)項: slice

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

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

總結(jié)

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

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

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108151.html

相關(guān)文章

  • 來聊一聊JavaScrip數(shù)組刪除特定元素

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

    he_xd 評論0 收藏0

  • JavaScrip學(xué)習(xí)之Object(上)

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

    li21 評論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    jsbintask 評論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...

    muddyway 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<