Inaalis ang Mga Elemento Mula sa Isang Array Sa JavaScript



Sa artikulong ito makakakuha ka ng isang kumpletong paglalakad sa iba't ibang mga pamamaraan para sa pag-alis ng mga elemento mula sa isang array sa JavaScript na may mga halimbawa.

Kadalasan pagkatapos ay hindi kailangan ng pagmamanipula ng isang array na nagmumula sa kahit saan. Mayroong iba't ibang mga pamamaraan para sa mga naturang manipulasyon, isa sa mga kasama ang pamamaraan para sa pagtanggal ng isang elemento. Sa artikulong ito, paglalakad ko sa iyo sa iba't ibang mga pamamaraan para sa pag-alis ng mga elemento mula sa isang array in . Ang mga sumusunod ay ang mga pahiwatig na bibigyan ng pansin ang artikulong ito,

Magsimula tayo noon,





Inaalis ang mga elemento mula sa isang array sa JavaScript

Paraan ng Pop

Tinatanggal ng pamamaraang pop () ang elemento mula sa dulo ng isang array, katulad ng isang stack. Ang pamamaraan ng push (), sa kabilang banda, ay nagdaragdag ng isang elemento sa dulo ng isang array.Ang mga pamamaraan ay nagpapatupad ng konsepto ng LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Tinatanggal ng code ang huling elemento sa array hal. 'Jazz'.Ang pamamaraang push () ay nagdagdag ng elemento pabalik sa array.



Pamamaraan ng Shift: Pag-aalis ng Mga Elemento Mula sa Isang Array Sa JavaScript

Tinatanggal ng pamamaraang shift () ang elemento mula sa simula ng isang array. Sa kabilang banda, ang unshift () na pamamaraan, ay nagdaragdag ng elemento pabalik sa simula ng array.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Tinatanggal ng code ang unang elemento ibig sabihin, Rock mula sa array.Sa paggamit ng unshift () na pamamaraan, ang 'Rock' ay maidaragdag pabalik sa array.

Pamamaraan ng Splice

Ang paraan ng splice () ay nag-aalis ng isang partikular o isang piling bahagi ng array.Pinatutunayan nito na maging mapamaraan pamamaraan ng pag-alis, pagpapalit o pagdaragdag ng mga elemento sa array.



['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Simula sa index posisyon 2, alisin ang isang elemento ['Rock', 'Metal', 'Jazz'] listahan .splice (2,2) // Simula sa posisyon ng index 2, alisin ang dalawang elemento ['Rock', 'Metal']

Sa halimbawa sa itaas, inaalis ng pamamaraang hiwa ang mga elemento ayon sa tinukoy na index.

Ang 'Blues' ay tinanggal mula sa unang halimbawa dahil inilalagay ito sa index 2.

Sa pangalawang halimbawa, ang dalawang elemento ibig sabihin ay 'Blues' at 'Jazz' ay tinanggal, dahil tinukoy ng index na 2 elemento ang dapat alisin, simula sa index 2.

pivot at undivot sa sql server

Dapat pansinin na ang mga array ay zero-index sa JavaScript.

Ang paglipat ng karagdagang, ang artikulong ito sa Pag-alis ng Mga Elemento Mula sa Isang Array Sa JavaScript,

Hatiin Para sa Saklaw Ng Mga Sangkap

Ito ay katwiran upang alisin ang magkakasunod na mga elemento sa pamamagitan ng paggamit ng splice () na pamamaraan:

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // Simula sa index posisyon 0, alisin ang dalawang elemento ['Blues', 'Jazz']

Tinatanggal ng code ang mga halagang binanggit sa pamamaraang pag-splice.

Alisin ang Mga Elemento Ayon sa Halaga: Pag-aalis ng Mga Elemento Mula sa Isang Array Sa JavaScript,

Maaari kaming maghanap para sa isang elemento gamit ang splice (), at alisin ito nang magkakasunod.Ang pamamaraang ito ay maaaring ipares sa utos ng indexOf (), na magbabalik sa unang index kung saan matatagpuan ang isang naibigay na elemento. Kung ang elemento ay hindi natagpuan, ibabalik nito ang -1 bilang output.

Sa sumusunod na halimbawa, inaalis namin ang sangkap na 'Blues':

['Rock', 'Metal', 'Blues', 'Jazz'] // Hanapin ang posisyon ng index ng 'Blues,' at alisin ang isang elemento mula sa lista ng posisyon na iyon. Listahan (list.indexOf ('Blues'), 1)

Tinatanggal ng code ang elementong 'Blues', pagkatapos malaman ang posisyon ng index ng elemento.

Alisin ang Saklaw Ng Mga Elemento Ayon sa Halaga

Pinapayagan kami ng JavaScript na alisin ang maraming mga elemento mula sa array.

['Rock', 'Metal', 'Blues ”,“ Blues', 'Jazz'] para sa (var i = list.length-1 i -) {if (list [i] === 'Blues') list .splice (i, 1)} ['Rock', 'Metal', 'Jazz']

Tinatanggal ng code ang lahat ng mga paglitaw ng sangkap na 'Blues'.

Magsimula tayo sa huling bahagi ng artikulong ito sa Pag-alis ng Mga Elemento Mula sa Isang Array Sa JavaScript,

Paraan ng Filter ng Array

Sa halip na i-mutate ang array kung saan ito tinawag, ang filter () ay lumilikha ng isang bagong array.Mayroon itong solong parameter, na kilala bilang paraan ng callback. Ang paraan ng callback ay na-trigger kapag ang pamamaraan ng filter ay umuulit sa mga elemento ng array.

Ipinapasa nito ang tatlong halaga sa callback:

  • Ang kasalukuyang halaga
  • Ang kasalukuyang index ng array
  • Ang buong array

Nagbabalik ito ng dalawang halaga: totoo o hindi. Ang mga elemento na nagbabalik ng totoo ay idinagdag sa bagong array na nilikha ng filter ().

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var filter = array.filter (pagpapaandar (halaga, index, arr) {return halaga> 4}) // sinala = > [5,6, 7, 8, 9]

Ang na-filter na array ay binubuo ng mga elemento na napatunayan na totoo.

Ang pag-alis ng mga elemento mula sa isang array ay maaaring maging medyo nakakapagod sa likas na katangian, ngunit sa katunayan, ang mga pamamaraang ito ay ang pinaka mahusay at mahusay.

Sa pamamagitan nito nakarating kami sa dulo ng blog na ito sa 'Pag-aalis ng Mga Sangkap Mula Sa Isang Array Sa JavaScript'. Inaasahan kong nahanap mo ito na nagbibigay-kaalaman at kapaki-pakinabang, manatiling nakasubaybay para sa higit pang mga tutorial sa mga katulad na paksa. Maaari mo ring i-checkout ang aming programa sa pagsasanay to makakuha ng malalim na kaalaman sa jQuery kasama ang iba't ibang mga aplikasyon, maaari mo para sa live na pagsasanay sa online na may suporta na 24/7 at habang-buhay na pag-access.

May tanong ba sa amin? Nabanggit ang mga ito sa seksyon ng mga komento ng blog na ito at babalikan ka namin.