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