Unshift Javascript

| | | | |

JavaScript shift() supprime un élément à une position spécifiée et déplace les éléments restants vers le haut. La fonction JavaScript unshift () fait le contraire. unshift () ajoute un nouvel élément à une position particulière et déplace les éléments restants vers le bas dans la liste.

Vous pouvez décider d’ajouter ou de supprimer un élément en haut d’une liste. Disons que vous créez une liste des meilleurs vendeurs. Vous devriez mettre le numéro un le plus vendu en haut de la liste.

C’est là que les fonctions JavaScript shift () et unshift () . shift () et unshift () sont utilisés pour supprimer et ajouter des éléments au début d’une liste respectivement. Ces fonctions sont similaires à la fonction push () et à la fonction pop (), bien que shift () et unshift () ne prennent en charge que la suppression et ajouter des éléments au début d’une liste.

Ce tutoriel explorera comment utiliser shift () et unshift () pour supprimer et ajouter des éléments de début d’un tableau. De plus, nous examinerons un exemple de chacune de ces fonctions dans un programme JavaScript.

JavaScript shift

shift () est une fonction JavaScript qui supprime le premier élément d’un tableau. La fonction shift () modifie directement le tableau JavaScript avec lequel vous travaillez. shift () renvoie l’élément que vous avez supprimé du tableau.

La fonction shift () supprime l’élément à la position d’index 0 et décale d’une unité les valeurs des futurs numéros d’index. Si vous avez du mal à vous rappeler le but de la fonction shift (), répétez ceci:

shift () décale les valeurs d’index dans un tableau diminuées de un.

shift() renvoie undefined si vous utilisez la fonction shift() sur une liste vide.

Voici la syntaxe de la fonction JavaScript shift():

Le tableau JavaScript shift () fonction, il n’accepte pas les paramètres. C’est parce que shift() n’exécute qu’une seule fonction. shift() supprime un élément à la fin d’un tableau. Si shift() vous permet de supprimer un élément de n’importe quelle position, un paramètre serait nécessaire.

Exemple JavaScript Shift

Prenons un exemple pour expliquer comment la méthode shift fonctionne ().

Supposons que vous soyez le responsable d’une équipe de vente pharmaceutique. composez une liste des meilleures ventes du mois. Pour commencer, vous avez une liste des meilleures ventes du mois dernier. Vous souhaitez supprimer Mark du haut de la liste. Mark n’avait pas de liste le mois dernier car il était en vacances depuis deux semaines.

Nous pourrions utiliser la fonction shift () pour supprimer le nom de Mark du haut de la liste . Voici un exemple de shift() utilisé pour ajouter Heather en haut de la liste des meilleures ventes:

Notre code renvoie:

Expliquons ce qui se passe dans notre code. Dans la première ligne, nous déclarons un tableau appelé " top_salespeople " qui stocke les meilleurs vendeurs de l’équipe de vente pharmaceutique. Ensuite, nous utilisons la fonction shift() pour supprimer la première valeur de la liste. Enfin, nous utilisons console.log() pour imprimer la liste modifiée sur la console.

Comme vous pouvez le voir, la fonction shift() a été retiré Mark de la liste, qui apparaissait en première position.

I top_salespeople le tableau ne contient plus Note. C’est parce que la fonction shift () modifie le tableau d’origine. Il ne crée pas un nouveau tableau avec les modifications que nous avons apportées.

JavaScript unshift

La fonction Java Le tableau de script unshift () ajoute un ou plusieurs éléments au début d’un tableau. la fonction modifie le tableau et renvoie la longueur du nouveau tableau.

Voici la syntaxe de la fonction unshift():

Le unshift ( ) accepte tous les paramètres que vous spécifiez. Ces paramètres seront tous ajoutés au début du tableau.

Exemple JavaScript de unshift

Regardons un exemple et discutons de la façon dont la fonction unshift () fonctionne.

Une employée nommée Hannah a passé un mois incroyable dans notre équipe de vente. Il s’est hissé au sommet de la liste des best-sellers. Nous voulons ajouter H annah à la première position de notre tableau top_salespeople. Nous pourrions utiliser le code suivant pour effectuer cette t√¢che:

Lorsque nous exécutons notre code, la réponse suivante est renvoyée à la console:

Comme vous pouvez le voir, Hannah ’ Le nom s a été ajouté en haut de notre liste. La fonction unshift() fonctionne de la même manière que la fonction shift() mais avec deux différences: unshift() ajoute un élément en haut d’une liste et prenez cet élément comme paramètre.

Notre équipe commerciale s’agrandit. Deux de nos nouveaux employés ont réussi à se hisser au sommet de l’équipe commerciale en termes de ventes en un mois seulement. Nous souhaitons ajouter ces employés à notre liste top_salespeople. Geoff devrait apparaaître en haut de la liste et Peter devrait apparaaître en deuxième.

Ce code met à jour la liste des meilleures ventes:

Notre code renvoie:

Ce deuxième exemple de code fonctionne de la même manière que notre premier exemple. Il y a une différence. Dans le deuxième exemple, nous avons spécifié deux paramètres dans la fonction unshift () au lieu d’un.

Comme vous pouvez le voir, ces paramètres ont été ajoutés en haut de notre liste dans l’ordre que nous avons spécifié. Geoff apparaaît en premier et Peter apparaaît en second.



Conclusion

La fonction shift () permet de supprimer un élément du la fonction de début unshift () ajoute un ou plusieurs éléments au début d’un tableau.

Ce tutoriel a expliqué comment utiliser les deux éléments shift () et unshift () pour manipuler des tableaux en JavaScript. Nous avons examiné les exercices JavaScript pour chacune de ces fonctions en action.

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

News


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