Array.
Renvoie une copie d’une portion du tableau, sans modifier l’original.
- Renvoie
- Un nouveau tableau avec les éléments extraits.
- Modifie l’original
- Non
Exemple
#const modules = ['Introduction', 'HTML', 'CSS', 'Flexbox', 'Grid']
console.log(modules.slice(1, 3))
console.log(modules.slice(-2))
console.log(modules)Définition et utilisation
#La méthode slice(start, end) extrait une portion du tableau depuis l’indice start jusqu’à end, sans inclure l’élément d’indice end, et la renvoie comme nouveau tableau. L’original reste intact.
Les indices négatifs se comptent depuis la fin : slice(-2) renvoie les deux derniers éléments. Un appel sans argument crée une copie superficielle de tout le tableau.
Ne la confondez pas avec splice(), qui modifie le tableau en supprimant ou en insérant des éléments. Facile à retenir : slice découpe une copie, splice opère sur l’original.
Syntaxe
#array.slice()
array.slice(start)
array.slice(start, end)Paramètres
#start
optionnel
Indice de début (inclus). Un indice négatif compte depuis la fin.end
optionnel
Indice de fin (exclu). Par défaut, la longueur du tableau.
Plus d’exemples
#const items = [1, 2, 3, 4, 5, 6, 7]
const perPage = 3
const page = 2
console.log(items.slice((page - 1) * perPage, page * perPage))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
#slice()crée une copie superficielle : les objets qu’elle contient sont partagés entre les deux tableaux.- Pour paginer des résultats, la formule
slice((page - 1) * size, page * size)est simple et claire.
Entrées associées
#- slice() vs splice()slice() copie un fragment du tableau sans modifier l’original, tandis que splice() supprime, insère ou remplace des éléments en place, en mutant le tableau.
- Array.prototype.splice()Supprime, remplace ou insère des éléments sur place, en modifiant le tableau.
- String.prototype.slice()Renvoie un fragment de la chaîne entre un indice de départ et un indice de fin (exclu). Prend en charge les indices négatifs.
- Array.prototype.concat()Combine des tableaux et des valeurs en un nouveau tableau.
- Spread (...)La syntaxe spread décompose un tableau, une chaîne ou un objet en éléments individuels : pour copier, fusionner et passer des arguments.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.