欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScrip數(shù)組刪除特定元素的幾種方法總結(jié)

 更新時(shí)間:2017年09月06日 11:25:28   作者:warnerwu  
從js數(shù)組中刪除指定元素是我們每個(gè)人都遇到的問題,網(wǎng)上這方面的資料也很多,但有的時(shí)間過于久遠(yuǎn),有的內(nèi)容不夠全面,所以自己來整理下,這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScrip數(shù)組刪除特定元素的多種方法,需要的朋友可以參考下。

前言

可能一說到刪除數(shù)組特定元素你估計(jì)不止一種方法可以實(shí)現(xiàn),那么下面且來看看我總結(jié)的這幾種方法,可能會(huì)對你有所幫助!話不多說了,來一起看看詳細(xì)的介紹吧。

源數(shù)組

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

偽刪除

什么是偽刪除呢? 就是說將數(shù)組元素值設(shè)置為null;

arr[ arr.indexOf( 'Thomas' ) ] = null;

刪除后的數(shù)組是這個(gè)樣子的:

["George", "John", null, "James", "Adrew", "Martin"]

不過要注意, 這意味著數(shù)組Array也就是變量arr的長度保持不變

完全刪除

是什么是完全刪除呢? 這個(gè)問題你可能從字面上也能想得到就是真正的刪除數(shù)組Array的元素值, 并且會(huì)改變數(shù)組的長度, 可以通過內(nèi)置數(shù)組對象Array的splice方法來實(shí)現(xiàn)這個(gè)需求!說到splice這個(gè)方法就要說一說它的具體參數(shù)了:

Array.prototype.splice = function(start,deleteCount,items) {};

上面是內(nèi)置對象Array的splice方法原型定義, 中文意思呢是:剪接, 其參數(shù)的意義是:

  • start: 起點(diǎn)索引值
  • deleteCount: 要?jiǎng)h除的元素個(gè)數(shù)
  • items: 刪除后替換/追加的元素
    參數(shù)不加時(shí)就表示刪除元素, 并且還要結(jié)合 deleteCount 的參數(shù)值
    如果 deleteCount 為 1, items 參數(shù)位置給一個(gè)參數(shù)值, 則表示替換
    如果 deleteCount 為 1, items 參數(shù)位置給多于一個(gè)的參數(shù)值, 則表示替換及追加元素

通過splice方法刪除上面 偽刪除 留下的元素值 null

arr.splice( arr.indexOf( null ), 1 );

刪除后的數(shù)組是這個(gè)樣子的:

["George", "John", "James", "Adrew", "Martin"]

既然說到了splice方法就順便再說一下它的其它功能, 如 替換元素, 追加元素 等操作吧!

splice函數(shù) - 替換元素

現(xiàn)在數(shù)組結(jié)構(gòu)是這樣的:

["George", "John", "James", "Adrew", "Martin"]

想要將數(shù)組元素 James 替換為 Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );

替換后的數(shù)組結(jié)構(gòu)是這個(gè)樣子的:

["George", "John", "Tom", "Adrew", "Martin"]

splice函數(shù) - 替換并追加元素

現(xiàn)在當(dāng)前數(shù)組結(jié)構(gòu)是這樣的:

["George", "John", "Tom", "Adrew", "Martin"]

想要將數(shù)組元素 Tom 替換為 Judy 并追加 Linda 和 Alisa

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );

替換及追加后的數(shù)組結(jié)構(gòu)是這個(gè)樣子的:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

splice函數(shù) - 追加元素

追加元素你可以選擇任意位置這取決于你的具體需求, 關(guān)鍵是在于 start 的取值索引位置而已!當(dāng)前數(shù)組結(jié)構(gòu)如下所示:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

比如說要在 Linda 和 Alisa 之間追加 Bill 和 Blake

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );

追加后的數(shù)組結(jié)構(gòu)是下面這個(gè)樣子的:

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
  • 起點(diǎn)位置 arr.indexOf( 'Linda' ) + 1 就是在數(shù)組元素 Linda 之后了
  • 刪除元素個(gè)數(shù)參數(shù)這里設(shè)置的是 0 這個(gè)是追加元素的關(guān)鍵, 也就是說不刪除元素
  • 'Bill', 'Blake' 這個(gè)呢就是內(nèi)置對象Array的splice方法的最后一個(gè)參數(shù) items 它表示0個(gè)是和多個(gè), 根據(jù) deleteCount 參數(shù)值不同表示的含義也會(huì)不同, 這里 deleteCount 參數(shù)是 0 并且 items 又有兩個(gè)值來表示這個(gè)參數(shù), 所示說就是追加元素值 'Bill', 'Blake'

以上說的是刪除數(shù)組中特定的元素, 那刪除第一個(gè)元素和最后一個(gè)元素那實(shí)現(xiàn)在是太簡單了, 這里簡單提一下就是了

刪除數(shù)組中第一個(gè)元素

arr.shift();

刪除后的數(shù)組是這個(gè)樣子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

刪除數(shù)組中最后一個(gè)元素

arr.pop();

刪除后的數(shù)組是這個(gè)樣子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

總結(jié)

以上就是JavaScrip數(shù)組刪除特定元素個(gè)人所總結(jié)的一些方法,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果您還要其它的一些好的方法, 或有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • 五句話幫你輕松搞定js原型鏈

    五句話幫你輕松搞定js原型鏈

    這篇文章主要給大家介紹了關(guān)于js原型鏈的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • OpenLayer學(xué)習(xí)之自定義測量控件

    OpenLayer學(xué)習(xí)之自定義測量控件

    這篇文章主要為大家詳細(xì) 介紹了OpenLayer學(xué)習(xí)之自定義測量控件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • 獲取table中的rowIndex和cellIndex

    獲取table中的rowIndex和cellIndex

    獲取table中的rowIndex和cellIndex...
    2006-12-12
  • Javascript 學(xué)習(xí)筆記 錯(cuò)誤處理

    Javascript 學(xué)習(xí)筆記 錯(cuò)誤處理

    Javascript學(xué)習(xí)筆記:錯(cuò)誤處理.
    2009-07-07
  • 微信小程序分包的超詳細(xì)步驟

    微信小程序分包的超詳細(xì)步驟

    分包指的是把一個(gè)完整的小程序項(xiàng)目,按照需求劃分為不同的子包,在構(gòu)建時(shí)打包成不同的分包,用戶在使用時(shí)按需進(jìn)行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • E3 tree 1.6在Firefox下顯示問題的修復(fù)方法

    E3 tree 1.6在Firefox下顯示問題的修復(fù)方法

    tree 在Firefox下只顯示一句話,用firebug查看頁面元素觀察發(fā)現(xiàn),兩個(gè)script導(dǎo)入被一個(gè)<script>分隔開了,顯然是document.write的問題.由于Firefox對js規(guī)范的檢查比較嚴(yán)格,肯定一些字符輸出的的時(shí)候沒有轉(zhuǎn)義
    2013-01-01
  • JS刷新父窗口的幾種方式小結(jié)(推薦)

    JS刷新父窗口的幾種方式小結(jié)(推薦)

    下面小編就為大家?guī)硪黄狫S刷新父窗口的幾種方式小結(jié)(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-11-11
  • uniapp自定義多列瀑布流組件項(xiàng)目實(shí)戰(zhàn)總結(jié)

    uniapp自定義多列瀑布流組件項(xiàng)目實(shí)戰(zhàn)總結(jié)

    這篇文章主要為大家介紹了uniapp自定義多列瀑布流組件實(shí)戰(zhàn)總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-09-09
  • 淺談JavaScript對象的創(chuàng)建方式

    淺談JavaScript對象的創(chuàng)建方式

    下面小編就為大家?guī)硪黄獪\談JavaScript對象的創(chuàng)建方式。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧
    2016-06-06
  • 學(xué)習(xí)JavaScript設(shè)計(jì)模式(多態(tài))

    學(xué)習(xí)JavaScript設(shè)計(jì)模式(多態(tài))

    這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹多態(tài),舉例說明多態(tài)的思想,對多態(tài)進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下
    2015-11-11

最新評論