JavaScriptTableaux
Array.
Supprime le premier élément du tableau et le renvoie.
- Renvoie
- Le premier élément supprimé, ou
undefined. - Modifie l’original
- Oui
Exemple
#JavaScript
const queue = ['Léa', 'Lucas', 'Emma']
const next = queue.shift()
console.log(next)
console.log(queue)Console
Léa
['Lucas', 'Emma']
Définition et utilisation
#La méthode shift() retire le premier élément du tableau, décale les autres d’une position vers la gauche et renvoie l’élément supprimé. Sur un tableau vide, elle renvoie undefined.
Combinée avec push(), elle permet d’utiliser le tableau comme une file d’attente : le premier élément ajouté sort en premier, comme dans une file à la caisse.
Décaler tous les éléments prend du temps, donc sur de très grands tableaux et avec un usage fréquent, shift() peut être lent.
Syntaxe
#Syntaxe
array.shift()Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Pour lire le premier élément sans le supprimer,
array[0]suffit. - Version sans mutation :
const rest = queue.slice(1)ouconst [first, ...rest] = queue.
Entrées associées
#- Array.prototype.unshift()Ajoute des éléments au début du tableau et renvoie sa nouvelle longueur.
- Array.prototype.pop()Supprime le dernier élément du tableau et le renvoie.
- Array.prototype.push()Ajoute des éléments à la fin du tableau et renvoie sa nouvelle longueur.
- DéstructurationLa déstructuration (destructuring) extrait des valeurs de tableaux et d’objets directement vers des variables séparées.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.