Javascript-wijziging overschrijven

| | | | |

JavaScript shift () verwijdert een element op een opgegeven positie en verplaatst de overige elementen naar boven. De JavaScript-functie unshift () doet het tegenovergestelde. unshift () voegt een nieuw item toe op een bepaalde positie en verplaatst de resterende items naar beneden in de lijst.

Je kunt ervoor kiezen om een item bovenaan een lijst toe te voegen of te verwijderen. Stel dat u een lijst met topverkopers maakt. Je moet de bestverkochte nummer één bovenaan de lijst zetten.

Dit is waar de JavaScript-functies shift () en unshift () . shift () en unshift () worden gebruikt om respectievelijk items te verwijderen en toe te voegen aan het begin van een lijst. Deze functies zijn vergelijkbaar met de functie push () en de functie pop (), hoewel shift () en unshift () geen ondersteuning bieden dat het verwijderen en toevoegen van items aan het begin van een lijst.

In deze zelfstudie wordt onderzocht hoe u shift () en unshift () gebruikt om te verwijderen en voeg leidende elementen uit een array toe. Daarnaast bekijken we een voorbeeld van elk van deze functies in een JavaScript-programma.

JavaScript shift

shift () is een JavaScript-functie die verwijdert het eerste element uit een array. De functie shift () wijzigt rechtstreeks de JavaScript-array waarmee u werkt. shift () retourneert het item dat u uit de array hebt verwijderd.

De functie shift () verwijdert het element op indexpositie 0 en verschuift met één eenheid de waarden ‚Äã‚Äãvan toekomstige indexcijfers. Als u moeite heeft om het doel van de functie shift () te onthouden, herhaalt u dit:

shift () shifts indexwaarden ‚Äã‚Äãin een array verminderd met één.

shift () retourneert undefined als u de functie shift () gebruikt in een lege lijst.

Hier is de syntaxis van de JavaScript-functie shift ():

De JavaScript-array shift () functie, accepteert het geen parameters. Dit komt omdat shift () slechts één functie uitvoert. shift () verwijdert een element aan het einde van een array. Als shift () u in staat stelt een element van elke positie te verwijderen, een parameter nodig zou zijn.

JavaScript Shift-voorbeeld

Laten we een voorbeeld nemen om uit te leggen hoe de shift-methode werkt ().

Stel dat je bent de manager van een farmaceutisch verkoopteam. stel een lijst samen met de bestsellers van de maand. Om te beginnen heb je een lijst met de bestsellers van de afgelopen maand. Je wilt Mark verwijderen vanaf de bovenkant van de lijst. Mark had vorige maand geen lijst omdat hij twee weken op vakantie was.

We konden de functie shift () gebruiken om Marks naam boven aan de lijst te verwijderen. lijst. Hier is een voorbeeld van de shift () die wordt gebruikt om Heather bovenaan de bestsellerlijst te plaatsen:

Onze code geeft als resultaat:

Laten we uitleggen wat er in onze code gebeurt. In de eerste rij declareren we een array met de naam " top_salespeople " waarin de topverkopers van het farmaceutische verkoopteam zijn opgeslagen. Vervolgens gebruiken we de functie shift () om de eerste waarde uit de lijst te verwijderen. Ten slotte gebruiken we console.log () om de gewijzigde lijst naar de console af te drukken.

Zoals u kunt zien, heeft de functie shift () verwijderd Markeer van de lijst, die op de eerste positie verscheen.

Ik top_salespeople de array bevat niet langer < /a> Opmerking. Dit komt doordat de functie shift () de originele array verandert. Er wordt geen nieuwe tabel gemaakt met de wijzigingen die we hebben aangebracht.

JavaScript unshift

De Java-functie De scriptarray unshift () voegt er een toe of meer elementen aan het begin van een array. de functie wijzigt de array en geeft de lengte van de nieuwe array terug.

Hier is de syntaxis van de unshift () function:

De unshift () accepteert alle parameters die u opgeeft. Deze parameters worden allemaal aan het begin van de tabel toegevoegd.

JavaScript-voorbeeld van unshift

Laten we een voorbeeld bekijken en bespreken hoe de functie unshift () werkt.

Een medewerker genaamd Hannah heeft een geweldige maand in ons verkoopteam doorgebracht. Het steeg naar de top van de bestsellerlijst e wil H annah toevoegen aan de eerste positie van onze top_salespeople array. We kunnen de volgende code gebruiken om deze taak uit te voeren:

Als we onze code uitvoeren, wordt het volgende antwoord teruggestuurd naar de console:

Zoals je kunt zien, Hannah `De naam is bovenaan toegevoegd van onze lijst. De functie unshift () werkt hetzelfde als de functie shift (), maar met twee verschillen: unshift () voegt een element toe bovenaan een lijst en neem dat element als parameter.

Ons verkoopteam groeit. Twee van onze nieuwe medewerkers zijn erin geslaagd om in slechts één maand tijd naar de top van het verkoopteam te klimmen in termen van verkoop. We willen deze medewerkers graag toevoegen aan onze top_salespeople lijst. Geoff zou bovenaan de lijst moeten verschijnen en Peter zou als tweede moeten verschijnen.

Deze code werkt de lijst met bestsellers bij:

Onze code geeft als resultaat:

Dit tweede codevoorbeeld werkt hetzelfde als ons eerste voorbeeld. Er is een verschil. In het tweede voorbeeld hebben we twee parameters gespecificeerd in de functie unshift () in plaats van één.

Zoals u kunt zien, zijn deze parameters bovenaan onze lijst toegevoegd in de volgorde die we hebben opgegeven. Geoff verschijnt als eerste en Peter als tweede.



Conclusie

Met de functie shift () kunt u een element vanaf het begin verwijderen. unshift () voegt een of meer elementen toe aan het begin van een array.

In deze zelfstudie is uitgelegd hoe u de twee shift ()-elementen en unshift () gebruikt om arrays in JavaScript te manipuleren. We hebben de JavaScript-oefeningen voor c voor geen van beide functies bekeken. in actie.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method