摘要:序述說到刪除數組特定元素你可能不止一種方法可以實現下面且來看看我總結的這幾種方法可能會對你有所幫助源數組偽刪除什么是偽刪除呢就是說將數組元素值設置為刪除后的數組是這個樣子的不過要注意這意味著數組也就是變量的長度保持不變完全刪除是什么是完全刪
序述
源數組說到刪除數組特定元素你可能不止一種方法可以實現, 下面且來看看我總結的這幾種方法,可能會對你有所幫助!
var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];偽刪除
什么是偽刪除呢? 就是說將數組元素值設置為null;
arr[ arr.indexOf( "Thomas" ) ] = null;
刪除后的數組是這個樣子的:
["George", "John", null, "James", "Adrew", "Martin"]
完全刪除不過要注意, 這意味著數組Array也就是變量arr的長度保持不變
是什么是完全刪除呢? 這個問題你可能從字面上也能想得到就是真正的刪除數組Array的元素值, 并且會改變數組的長度, 可以通過內置數組對象Array的splice方法來實現這個需求!說到splice這個方法就要說一說它的具體參數了:
Array.prototype.splice = function(start,deleteCount,items) {};
上面是內置對象Array的splice方法原型定義, 中文意思呢是:剪接, 其參數的意義是:
start: 起點索引值
deleteCount: 要刪除的元素個數
items: 刪除后替換/追加的元素
參數不加時就表示刪除元素, 并且還要結合 deleteCount 的參數值
如果 deleteCount 為 1, items 參數位置給一個參數值, 則表示替換
如果 deleteCount 為 1, items 參數位置給多于一個的參數值, 則表示替換及追加元素
通過splice方法刪除上面 偽刪除 留下的元素值 null
arr.splice( arr.indexOf( null ), 1 );
刪除后的數組是這個樣子的:
["George", "John", "James", "Adrew", "Martin"]
splice函數 - 替換元素既然說到了splice方法就順便再說一下它的其它功能, 如 替換元素, 追加元素 等操作吧!
現在數組結構是這樣的:
["George", "John", "James", "Adrew", "Martin"]
想要將數組元素 James 替換為 Tom
arr.splice( arr.indexOf( "James" ), 1, "Tom" );
替換后的數組結構是這個樣子的:
["George", "John", "Tom", "Adrew", "Martin"]splice函數 - 替換并追加元素
現在當前數組結構是這樣的:
["George", "John", "Tom", "Adrew", "Martin"]
想要將數組元素 Tom 替換為 Judy 并追加 Linda 和 Alisa
arr.splice( arr.indexOf( "Tom" ), 1, "Judy", "Linda", "Alisa" );
替換及追加后的數組結構是這個樣子的:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]splice函數 - 追加元素
追加元素你可以選擇任意位置這取決于你的具體需求, 關鍵是在于 start 的取值索引位置而已!當前數組結構如下所示:
["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
比如說要在 Linda 和 Alisa 之間追加 Bill 和 Blake
arr.splice( arr.indexOf( "Linda" ) + 1, 0, "Bill", "Blake" );
追加后的數組結構是下面這個樣子的:
["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
起點位置 arr.indexOf( "Linda" ) + 1 就是在數組元素 Linda 之后了
刪除元素個數參數這里設置的是 0 這個是追加元素的關鍵, 也就是說不刪除元素
"Bill", "Blake" 這個呢就是內置對象Array的splice方法的最后一個參數 items 它表示0個是和多個, 根據 deleteCount 參數值不同表示的含義也會不同, 這里 deleteCount 參數是 0 并且 items 又有兩個值來表示這個參數, 所示說就是追加元素值 "Bill", "Blake"
刪除數組中第一個元素以上說的是刪除數組中特定的元素, 那刪除第一個元素和最后一個元素那實現在是太簡單了, 這里簡單提一下就是了
arr.shift();
刪除后的數組是這個樣子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]刪除數組中最后一個元素
arr.pop();
刪除后的數組是這個樣子的:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
以上就是JavaScrip數組刪除特定元素個人所總結的一些方法, 如果您還要其它的一些好的方法, 請您留言示下, 謝謝您的支持!
希望本文對你的工作和學習有所幫助
如果覺得還不錯并且也長知識了, 怎么感謝我呢? 媽呀! 點贊啊!
Good Luck! from warnerwu at 2017.09.06 AM
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/88363.html
摘要:編輯器編輯器背景編輯器前段時間遇到一個線上問題,后來排查好久發現是因為主從同步延遲導致的,所以今天寫一篇文章總結一下這個問題希望對你有用。編輯器幾句嘮叨編輯器大家好,我是小飯,一枚后端工程師。背景前段時間遇到一個線上問題,后來排查好久發現是因為主從同步延遲導致的,所以今天寫一篇文章總結一下這個問題希望對你有用。如果覺得還不錯,記得加個關注點個贊哦思維導圖思維導圖常見的主從架構隨著日益增長的訪...
摘要:更何況區塊鏈中有幾十萬人幾百萬人,達成共識的難度之大可想而知,所以分叉也是自然而然會發生的事。,第一個聊區塊鏈技術的中文播客。 showImg(https://segmentfault.com/img/bVbm6as?w=608&h=129); 周末來臨,輕松一刻~ 我們推出了針對區塊鏈技術的中文播客Fork It,由 Nervos 四位主播 Terry、Jan、Kevin、Danie...
摘要:最近在用寫自己的博客,發現總是掉到的坑,于是就好好八一八這個小甜餅,沒想到居然還說很有意思的,每一個知識點都能拉出一條大魚,想想自己之前對,簡直就是它認識我,我只能叫出他的名字。 最近在用thinkjs寫自己的博客,發現總是掉到cookie的坑,于是就好好八一八這個小甜餅,沒想到居然還說很有意思的,每一個知識點都能拉出一條大魚,想想自己之前對cookie,簡直就是它認識我,我只能叫出他...
摘要:我們可以看到,百度也在頭部引入了一些文件,這些文件引入的方式與的做法差不多,都在引入外部資源的標簽上添加了屬性,除了第一個文件沒有那樣做。 更好閱讀體驗,請訪問dreamapple.me 我們今天來聊一聊關于JavaScript文件的引入位置的問題;大家在平時的Web開發中有沒有想過這樣一個問題,那就是我應該在文檔的頭部(也就是標簽內部里面)引入所需要的JavaScript文件還是應該...
閱讀 3915·2021-11-16 11:50
閱讀 927·2021-11-11 16:55
閱讀 3659·2021-10-26 09:51
閱讀 856·2021-09-22 15:03
閱讀 3409·2019-08-30 15:54
閱讀 3260·2019-08-30 15:54
閱讀 2468·2019-08-30 14:04
閱讀 919·2019-08-30 13:53