Maison  >  Article  >  interface Web  >  Quelle méthode Array utiliser en JS ?

Quelle méthode Array utiliser en JS ?

DDD
DDDoriginal
2024-09-20 18:45:39901parcourir

Which Array method to use in JS?

  1. Pour muter le tableau d'origine :
    1. pousser() Description : Ajoute un ou plusieurs éléments à la fin d'un tableau.
js
const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. pop() Description : supprime le dernier élément d'un tableau et renvoie cet élément.
js
const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(fruits); // Output: ['apple', 'banana']
console.log(lastFruit); // Output: 'orange'
  1. shift() Description : supprime le premier élément d'un tableau et renvoie cet élément.
js
const fruits = ['apple', 'banana', 'orange'];
const firstFruit = fruits.shift();
console.log(fruits); // Output: ['banana', 'orange']
console.log(firstFruit); // Output: 'apple'
  1. unshift() Description : Ajoute un ou plusieurs éléments au début d'un tableau.
js
const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // Output: ['apple', 'banana', 'orange']
  1. épissure() Description : modifie le contenu d'un tableau en supprimant ou en remplaçant des éléments existants et/ou en ajoutant de nouveaux éléments.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'kiwi', 'mango'); // Removes 1 element at index 1 and adds 'kiwi' and 'mango'
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']
  1. remplir() Description : Remplit tous les éléments d'un tableau d'un index de début à un index de fin avec une valeur statique.
js
const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 1, 4); // Fills from index 1 to 4 with 0
console.log(numbers); // Output: [1, 0, 0, 0, 5]
  1. trier() Description : Trie les éléments d'un tableau sur place et renvoie le tableau trié.
js
const numbers = [5, 3, 8, 1];
numbers.sort(); // Sorts numbers as strings by default
console.log(numbers); // Output: [1, 3, 5, 8]
  1. inverse() Description : Inverse les éléments d'un tableau en place.
js
const numbers = [1, 2, 3, 4];
numbers.reverse();
console.log(numbers); // Output: [4, 3, 2, 1]
  1. splice() pour la suppression Description : Vous pouvez également utiliser splice() pour supprimer des éléments sans en ajouter.
js
const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // Removes 1 element at index 1
console.log(fruits); // Output: ['apple', 'orange']
  1. copyWithin() Description : Shallow copie une partie d'un tableau vers un autre emplacement du même tableau et modifie le tableau d'origine.
js
const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3); // Copies elements from 
index 3 to 0
console.log(numbers); // Output: [4, 5, 3, 4, 5]

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!

Déclaration:
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