Maison > interface Web > js tutoriel > le corps du texte

Méthodes de tableau JavaScript essentielles que tout développeur devrait connaître

Mary-Kate Olsen
Libérer: 2024-11-08 22:13:02
original
532 Les gens l'ont consulté

Essential JavaScript Array Methods Every Developer Should Know

Méthode valeur de retour exemple type de retour Explication
carte() Nouveau tableau [1, 2, 3].map(x => x * 2) Nouveau tableau [2, 4, 6] Crée un nouveau tableau en appliquant la fonction à chaque élément du tableau.
filtre() Nouveau tableau [1, 2, 3, 4].filter(x => x > 2) Nouveau tableau [3, 4] Filtre les éléments selon une condition et renvoie un nouveau tableau.
concat() Nouveau tableau [1, 2].concat([3, 4]) Nouveau tableau [1, 2, 3, 4] Ajoute plusieurs tableaux et renvoie un nouveau tableau.
tranche() Nouveau tableau [1, 2, 3, 4].slice(1, 3) Nouveau tableau [2, 3] Copie certains éléments de l'index spécifié et renvoie un nouveau tableau.
rejoindre() Chaîne [1, 2, 3].join('-') Chaîne '1-2-3' Renvoie une chaîne résumant tous les éléments du tableau.
inverse() Nouveau tableau [1, 2, 3].reverse() Nouveau tableau [3, 2, 1] Inverse les éléments du tableau et renvoie un nouveau tableau.
inclut() Booléen [1, 2, 3].includes(2) vrai vérifie si le tableau contient un élément spécifié.
indexOf() Numéro (Index) [1, 2, 3].indexOf(2) 1 Renvoie le premier index de l'élément spécifié.
trouver() Premier élément correspondant [1, 2, 3].find(x => x > 1) 2 Renvoie le premier élément correspondant.
findIndex() Numéro (Index) [1, 2, 3].findIndex(x => x > 1) 1 Renvoie l'index du premier élément correspondant.
plat() Nouveau tableau [1, [2, 3], [4, 5]].flat() Nouveau tableau [1, 2, 3, 4, 5] Concatène les tableaux imbriqués à l'intérieur des tableaux et renvoie un nouveau tableau.
flatMap() Nouveau tableau [1, 2].flatMap(x => [x, x * 2]) Nouveau tableau [1, 2, 2, 4] implémente d'abord map() puis aplatit.
trier() Nouveau tableau [3, 1, 2].sort() Nouveau tableau [1, 2, 3] Trie les éléments du tableau.
chaque() Booléen [1, 2, 3].every(x => x > 0) vrai Renvoie vrai si tous les éléments satisfont à la condition, faux sinon.
certains() Booléen [1, 2, 3].some(x => x > 2) vrai Renvoie vrai si un ou plusieurs éléments satisfont à la condition.
réduire() Valeur unique (comme un nombre) [1, 2, 3].reduce((acc, x) => acc x, 0) 6 Renvoie une valeur unique combinant tous les éléments du tableau.
réduireRight() Valeur unique (comme un nombre) [1, 2, 3].reduceRight((acc, x) => acc x, 0) 6 Comme réduire() mais fonctionne de droite à gauche.

মেথড রিটার্ন ভ্যালু উদাহরণ রিটার্নের ধরন ব্যাখ্যা
push() New length (number) [1, 2].push(3) New length 3 একটি এলিমেন্ট অ্যারে শেষে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
pop() Removed element [1, 2, 3].pop() Removed element 3 অ্যারের শেষ থেকে একটি এলিমেন্ট মুছে ফেলে।
shift() Removed element [1, 2, 3].shift() Removed element 1 অ্যারের প্রথম এলিমেন্ট মুছে ফেলে।
unshift() New length (number) [1, 2].unshift(0) New length 3 একটি এলিমেন্ট অ্যারের প্রথমে যোগ করে এবং অ্যারের নতুন লেন্থ রিটার্ন করে।
splice() Changed part (array) [1, 2, 3].splice(1, 1, 4) Changed array [2] একটি নির্দিষ্ট ইনডেক্স থেকে এলিমেন্ট মুছে ফেলে এবং ঐ জায়গায় নতুন এলিমেন্ট যোগ করে।
sort() Changed array [3, 1, 2].sort() Changed array [1, 2, 3] অ্যারের এলিমেন্টগুলো সাজিয়ে দেয়।
fill() Changed array [1, 2, 3].fill(0) Changed array [0, 0, 0] অ্যারের সমস্ত এলিমেন্টকে একটি নির্দিষ্ট মান দিয়ে পূর্ণ করে।
copyWithin() Changed array [1, 2, 3, 4].copyWithin(0, 2) Changed array [3, 4, 3, 4] অ্যারের একটি অংশকে অন্যত্র কপি করে।
reverse() Changed array [1, 2, 3].reverse() Changed array [3, 2, 1] অ্যারের এলিমেন্টগুলো উল্টে দেয়, তবে এটি মূল অ্যারে পরিবর্তন করে।

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal