摘要:前言我們經(jīng)常需要對(duì)數(shù)組進(jìn)行各種各樣的操作,比如數(shù)組最前面插入一項(xiàng),最后面插入一項(xiàng),中間插入一項(xiàng)等等等等。因此翻譯出來(lái)就是從下標(biāo)為的元素開始到下標(biāo)為注意這里是下標(biāo)為而不是的元素滑出來(lái),作為返回值返回重新賦值給。
前言
我們經(jīng)常需要對(duì)數(shù)組進(jìn)行各種各樣的操作,比如數(shù)組最前面插入一項(xiàng),最后面插入一項(xiàng),中間插入一項(xiàng)等等等等。那就一次性搞定這些操作吧!
首項(xiàng)相關(guān)操作首項(xiàng)插入: unshift
let myArray = [1, 2, 3] myArray.unshift(0) //插入項(xiàng)的值為0 myArray
首項(xiàng)刪除: shift
let myArray = [1, 2, 3] myArray.shift() myArray末項(xiàng)相關(guān)操作
末項(xiàng)插入: push
let myArray = [1, 2, 3] myArray.push(4) // 插入項(xiàng)的值為4 myArray
末項(xiàng)刪除: pop
let myArray = [1, 2, 3] myArray.pop() // 彈出最后一項(xiàng) myArray中間項(xiàng)相關(guān)操作
第i個(gè)位置插入一項(xiàng)或多項(xiàng): splice
let myArray = ["a", "b", "c"] myArray.splice(1, 0, "哈哈哈", "嚯嚯嚯", "嘻嘻嘻") myArray
解釋下splice方法就能理解了,splice可用來(lái)對(duì)數(shù)組進(jìn)行刪除或者添加元素,接收兩個(gè)以上的參數(shù):位置, 刪除多少項(xiàng), 要插入的項(xiàng)。因此,myArray.splice(1, 0, "哈哈哈", "嚯嚯嚯", "嘻嘻嘻")翻譯過來(lái)就是: 在下標(biāo)為1的位置,刪除0項(xiàng),并將哈哈哈, 嚯嚯嚯, 嘻嘻嘻插入。這樣就可以做到只做添加不做刪除。
刪除第i到j(luò)項(xiàng): splice
let myArray = ["a", "b", "c", "d", "e"] myArray.splice(1, 3) // 刪除b, c, d myArray
根據(jù)上面對(duì)splice的解釋,可以知道myArray.splice(1, 3)就是從數(shù)組下標(biāo)為1的位置開始,刪除3個(gè)元素(并且不做任何插入)
只保留第i到j(luò)項(xiàng): slice
let myArray = ["a", "b", "c", "d", "e"] myArray = myArray.slice(2, 4) myArray
對(duì)slice的解釋:將slice理解為滑動(dòng)選擇,接收兩個(gè)參數(shù), 開始位置和結(jié)束位置, 即將數(shù)組中從開始位置到結(jié)束位置的元素滑出來(lái)(不包括結(jié)束位置的元素),作為返回值返回。因此myArray = myArray.slice(2, 4)翻譯出來(lái)就是從下標(biāo)為2的元素開始到下標(biāo)為3(注意這里是下標(biāo)為3而不是4)的元素滑出來(lái),作為返回值返回重新賦值給myArray。關(guān)于slice和split的比較后面會(huì)詳細(xì)講。
總結(jié)總結(jié)主要講一下splice和slice的區(qū)別,功能上的區(qū)別就不說了,就說幾個(gè)注意的點(diǎn):
splice會(huì)改變?cè)瓟?shù)組,而slice不會(huì),因此在用slice操作完了之后要做一次重新賦值.
slice的接收的兩個(gè)參數(shù)分別為2和4的時(shí)候, 最后得到的是下標(biāo)為2到下標(biāo)為3的元素(不包括4)
將slice理解為滑動(dòng),就不會(huì)記混了。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/108151.html
摘要:序述說到刪除數(shù)組特定元素你可能不止一種方法可以實(shí)現(xiàn)下面且來(lái)看看我總結(jié)的這幾種方法可能會(huì)對(duì)你有所幫助源數(shù)組偽刪除什么是偽刪除呢就是說將數(shù)組元素值設(shè)置為刪除后的數(shù)組是這個(gè)樣子的不過要注意這意味著數(shù)組也就是變量的長(zhǎng)度保持不變完全刪除是什么是完全刪 序述 說到刪除數(shù)組特定元素你可能不止一種方法可以實(shí)現(xiàn), 下面且來(lái)看看我總結(jié)的這幾種方法,可能會(huì)對(duì)你有所幫助! 源數(shù)組 var arr = [Geo...
摘要:對(duì)象篇簡(jiǎn)介本身就是一個(gè)函數(shù),可用于工具函數(shù),也可以是用于構(gòu)造對(duì)象的函數(shù)其次可以添加屬性和方法方法又可以分為靜態(tài)方法定義在自身上的和實(shí)例方法定義在原型上的工具函數(shù)作為工具函數(shù)參數(shù)可以是任意數(shù)據(jù)類型,將其轉(zhuǎn)為對(duì)象如果參數(shù)是空,,則將其轉(zhuǎn)換為空對(duì) 對(duì)象篇 Object簡(jiǎn)介 Object本身就是一個(gè)函數(shù),可用于工具函數(shù),也可以是用于構(gòu)造對(duì)象的函數(shù);其次Object可以添加屬性和方法;方法又可以...
摘要:系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...
摘要:系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...
閱讀 1624·2021-11-16 11:45
閱讀 2555·2021-09-29 09:48
閱讀 3320·2021-09-07 10:26
閱讀 1848·2021-08-16 10:50
閱讀 1878·2019-08-30 15:44
閱讀 2706·2019-08-28 18:03
閱讀 1907·2019-08-27 10:54
閱讀 1832·2019-08-26 14:01