Comment convertir un tableau de classe en tableau à l'aide d'une tranche

Cet article est divisé en deux parties. La première partie concerne l'utilisation de slice() , et la deuxième partie concerne l'utilisation de slice pour convertir un tableau de classe en tableau . Les amis dans le besoin peuvent s'y référer. J'espère que cela vous aidera.

Partie 1 :

La documentation officielle dit : slice est utilisé pour intercepter et sélectionner un tableau. Un ou deux paramètres peuvent être transmis. La valeur de retour est un nouveau tableau et n'affectera pas le. tableau d'origine.
Tout d'abord, créez un nouveau tableau str

  var str = new Array();
        str[0] = 1;
        str[1] = 2;
        str[2] = 3;
        str[3] = 4;
        str[4] = 5;

La valeur de retour est le nouveau tableau sélectionné, et le tableau d'origine ne sera pas modifié.

S'il s'agit d'un paramètre, c'est par où commencer (indice) et sélectionner jusqu'à la fin du tableau.

var strs = str.slice(2);
console.log(strs);      // [3, 4, 5]
console.log(str);       // [1, 2, 3, 4, 5]

Si deux paramètres sont transmis, la sélection commence par le premier paramètre (indice) et se termine par le deuxième paramètre (indice), mais n'inclut pas le deuxième paramètre

var strs = str.slice(2,4);
console.log(strs);      // [3, 4]

Si un nombre négatif est transmis, en comptant à partir de la fin du tableau, -1 fait référence au dernier élément, -2 fait référence à l'avant-dernier élément, et ainsi de suite

var strs = str.slice(-2);
console.log(strs);      // [4, 5]

Si transmis Entrez deux nombres négatifs, comme ci-dessus mais en commençant par la fin du tableau.

var strs = str.slice(-4,-1);
console.log(strs);      // [2, 3, 4]

Si deux paramètres sont passés et que le deuxième paramètre est plus petit que le premier paramètre, le résultat sera un tableau vide (il en va de même pour les nombres négatifs).

var strs = str.slice(-1,1);      
console.log(strs);      // [ ]

D'accord, ce qui précède explique comment utiliser la fonction slice

Mais en pratique, elle est généralement utilisée pour convertir un tableau de type tableau.

Il s'agit d'une chaîne de code HTML que j'ai écrite auparavant pour obtenir un tableau de classes

    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

Les résultats sont les suivants :

var NodeList = document.querySelectorAll("div");
console.log(NodeList);      //NodeList(10) [div, div, div, div, div, div, div, div, div, div]
NodeList = [].slice.call(NodeList);
console.log(NodeList)       //(10) [div, div, div, div, div, div, div, div, div, div]

La première ligne est de obtenez d'abord une chaîne Tableau de classe
La deuxième ligne consiste à afficher le tableau de classe dans la console
La troisième ligne consiste à convertir le tableau de classe (besoin d'utiliser une variable pour accepter) ou Array.prototype.slice.call (NodeList) est également possible, les deux sont de la même manière
la quatrième ligne affiche le tableau converti sur la console.
Je me demande si vous l'avez appris ? Je ne sais pas si je l’ai encore appris, mais je l’ai moi-même tapé plusieurs fois, haha.

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!