Tranche de tableau JavaScript ()

La méthode JavaScript Array slice () renvoie une copie superficielle d'une partie d'un tableau dans un nouvel objet tableau.

La syntaxe de la slice()méthode est:

 arr.slice(start, end)

Ici, arr est un tableau.

Paramètres slice ()

La slice()méthode prend en compte:

  • start (facultatif) - Index de départ de la sélection. S'il n'est pas fourni, la sélection commence au début 0 .
  • end (facultatif) - Index de fin de la sélection (exclusif). S'il n'est pas fourni, la sélection se termine à l'index du dernier élément.

Valeur renvoyée par slice ()

  • Renvoie un nouveau tableau contenant les éléments extraits.

Exemple 1: méthode JavaScript slice ()

 let languages = ("JavaScript", "Python", "C", "C++", "Java"); // slicing the array (from start to end) let new_arr = languages.slice(); console.log(new_arr); // ( 'JavaScript', 'Python', 'C', 'C++', 'Java' ) // slicing from the third element let new_arr1 = languages.slice(2); console.log(new_arr1); // ( 'C', 'C++', 'Java' ) // slicing from the second element to fourth element let new_arr2 = languages.slice(1, 4); console.log(new_arr2); // ( 'Python', 'C', 'C++' )

Production

 ('JavaScript', 'Python', 'C', 'C ++', 'Java') ('C', 'C ++', 'Java') ('Python', 'C', 'C ++')

Exemple 2: Slice JavaScript () avec index négatif

En JavaScript, vous pouvez également utiliser des indices de début et de fin négatifs . L'index du dernier élément est -1 , l'indice de l'avant-dernier élément est -2 , et ainsi de suite.

 const languages = ("JavaScript", "Python", "C", "C++", "Java"); // slicing the array from start to second-to-last let new_arr = languages.slice(0, -1); console.log(new_arr); // ( 'JavaScript', 'Python', 'C', 'C++' ) // slicing the array from third-to-last let new_arr1 = languages.slice(-3); console.log(new_arr1); // ( 'C', 'C++', 'Java' )

Production

 ('JavaScript', 'Python', 'C', 'C ++') ('C', 'C ++', 'Java')

Exemple 3: Slice JavaScript () avec des objets comme éléments de tableau

La slice()méthode shallow copie les éléments du tableau de la manière suivante:

  • Il copie les références d'objet dans le nouveau tableau. ( Par exemple , un tableau imbriqué) Ainsi, si l'objet référencé est modifié, les modifications sont visibles dans le nouveau tableau renvoyé.
  • Il copie la valeur des chaînes et des nombres dans le nouveau tableau.
 let human = ( name: "David", age: 23, ); let arr = (human, "Nepal", "Manager"); let new_arr = arr.slice(); // original object console.log(arr(0)); // ( name: 'David', age: 23 ) // making changes to the object in new array new_arr(0).name = "Levy"; // changes are reflected console.log(arr(0)); // ( name: 'Levy', age: 23 )

Production

 (nom: 'David', âge: 23) (nom: 'Levy', âge: 23)

Lecture recommandée: JavaScript Array.splice ()

Articles intéressants...