Partage de technologie

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

En JavaScript, un tableau est une structure de données très importante utilisée pour stocker plusieurs valeurs. JS fournit de nombreuses méthodes intégrées pour manipuler les tableaux, rendant ainsi le traitement des données plus facile et plus efficace. Cet article présentera en détail certaines méthodes de tableau JavaScript couramment utilisées. Ce ne sont pas seulement des méthodes couramment utilisées dans le développement quotidien, mais elles font également l'objet d'entretiens.

1. push() et pop()

pousser()

La méthode push() ajoute un ou plusieurs éléments à la fin d'un tableau et renvoie la longueur du nouveau tableau.

let arr = [1, 2, 3];
 let newLength = arr.push(4, 5); // newLength is 5, arr is [1, 2, 3, 4, 5]

paramètre: Un ou plusieurs éléments à ajouter à la fin du tableau.

valeur de retour: La longueur du nouveau tableau.

populaire()

La méthode pop() supprime un élément de la fin du tableau et renvoie cet élément.

let arr = [1, 2, 3, 4];
let removedElement = arr.pop(); // removedElement is 4, arr is [1, 2, 3]

paramètre: aucun.

valeur de retour: L'élément supprimé.

2. shift() et unshift()

changement()

La méthode shift() est utilisée pour supprimer un élément au début du tableau et renvoyer cet élément.

let arr = [1, 2, 3, 4];
 
let removedElement = arr.shift(); // removedElement is 1, arr is [2, 3, 4]

paramètre: aucun.

valeur de retour: L'élément supprimé.

annuler le décalage()

La méthode unshift() ajoute un ou plusieurs éléments au début d'un tableau et renvoie la longueur du nouveau tableau.

let arr = [2, 3, 4];
let newLength = arr.unshift(0, 1); // newLength is 5, arr is [0, 1, 2, 3, 4]

paramètre: Un ou plusieurs éléments à ajouter au début du tableau.

valeur de retour: La longueur du nouveau tableau.

3. slice() et splice()

tranche()

La méthode slice() permet de renvoyer un nouveau tableau sélectionné du début à la fin (exclusif). Le tableau d'origine ne sera pas modifié.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3); // newArr is [2, 3], arr is [1, 2, 3, 4, 5]

paramètre:

commencer(Facultatif) : démarrez l'extraction à partir de (et y compris) cet index.

fin(Facultatif) : Terminez l'extraction avant (et sans inclure) cet index.

valeur de retour:

un nouveau tableau contenant de commencer arriverfin(à l'exclusion fin)Éléments.

épissure()

épissure() Les méthodes sont utilisées pour modifier le contenu d'un tableau en supprimant ou en remplaçant des éléments existants ou en ajoutant de nouveaux éléments. La valeur de retour est l'élément supprimé.

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(2, 2, 6, 7); // removedElements is [3, 4], arr is [1, 2, 6, 7, 5]

paramètre:

commencer: Spécifie la position de départ de la modification.

supprimerCount(facultatif) : Entier indiquant le nombre d'éléments à supprimer.

élément1, élément2, ...(facultatif) : le nouvel élément à ajouter au tableau.

valeur de retour: Un tableau contenant les éléments supprimés.

4. concat()

concaténation() Méthode utilisée pour fusionner deux ou plusieurs tableaux. Cette méthode ne modifie pas le tableau existant, mais renvoie un nouveau tableau.

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2, [7, 8]); // newArr is [1, 2, 3, 4, 5, 6, 7, 8]

paramètre: Tableau ou valeur à fusionner dans le tableau actuel.

valeur de retour: un nouveau tableau.

5. forEach()

pour chaque() La méthode exécute la fonction fournie une fois pour chaque élément du tableau.

let arr = [1, 2, 3, 4];
arr.forEach((element, index) => {
  console.log(`Element at index ${index} is ${element}`);
});
// Output:
// Element at index 0 is 1
// Element at index 1 is 2
// Element at index 2 is 3
// Element at index 3 is 4

paramètre: Une fonction qui accepte comme paramètres l'élément actuel, l'index de l'élément et le tableau lui-même.

valeur de retour: aucun.

6. carte()

carte() La méthode crée un nouveau tableau dont le résultat est que chaque élément du tableau est la valeur de retour d'un appel à la fonction fournie.

let arr = [1, 2, 3, 4];
let newArr = arr.map(element => element * 2); // newArr is [2, 4, 6, 8]

paramètre: Une fonction qui accepte comme paramètres l'élément actuel, l'index de l'élément et le tableau lui-même.

valeur de retour: un nouveau tableau.

7. filtre()

filtre() La méthode crée un nouveau tableau contenant tous les éléments du test implémenté par la fonction fournie.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(element => element > 2); // newArr is [3, 4, 5]

paramètre: Une fonction qui accepte l'élément actuel, l'index de l'élément et le tableau lui-même comme paramètres et renvoie une valeur booléenne.

valeur de retour: un nouveau tableau.

8. réduire()

réduire() La méthode exécute une fonction de réduction que vous fournissez (par ordre croissant) sur chaque élément du tableau, résumant ses résultats en une seule valeur de retour.

let arr = [1, 2, 3, 4];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0); // sum is 10

paramètre:réducteur Fonction qui accepte un accumulateur et la valeur actuelle comme arguments.

valeur initiale(Facultatif) : comme valeur du premier paramètre lors du premier appel de la fonction de rappel.

valeur de retour: Résultats cumulés.

9. trouver()

trouver() La méthode renvoie la valeur du premier élément du tableau qui satisfait à la fonction de test fournie.Sinon à retournerindéfini。

let arr = [1, 2, 3, 4];
let foundElement = arr.find(element => element > 2); // foundElement is 3

paramètre: Une fonction qui accepte l'élément actuel, l'index de l'élément et le tableau lui-même comme paramètres et renvoie une valeur booléenne.

valeur de retour: La première valeur d'élément qui réussit le test.

10. inclut()

inclut() La méthode est utilisée pour déterminer si un tableau contient une valeur spécifiée. Selon la situation, il sera renvoyé s'il contient.vrai, sinon retourne FAUX。

let arr = [1, 2, 3, 4];
let hasElement = arr.includes(3); // hasElement is true
let notIncluded = arr.includes(5); // notIncluded is false

paramètre:

valeurÀTrouver: La valeur de l'élément à trouver.

deIndex(Facultatif) : Commencez la recherche à partir de cet index.

valeur de retour: valeur booléenne.

En apprenant ces méthodes de tableau JavaScript courantes, nous pouvons traiter plus efficacement les données transmises par le backend et écrire un code plus concis et plus lisible. J'espère que cet article vous aidera !