Analyse d'exemple de l'utilisation des pseudo-tableaux en JavaScript

Dans cet article, nous expliquons comment utiliser un tableau pseudo en JavaScript. Partageons cela pour votre référence, voici les détails :

En JavaScript, qu'est-ce qu'un tableau pseudo ?

Un tableau pseudo (ou tableau-like) : il est impossible de directement appeler des méthodes d'array ou d'attendre des comportements spéciaux de la propriété length, mais on peut toujours les parcourir avec des méthodes de véritable tableau.

1.Un cas typique est le paramètre argument des fonctions,
2.Par exemple, appeler getElementsByTagName, document.childNodes, elles renvoient toutes des objets NodeList qui sont des tableaux pseudo.

Alors, comment convertir un tableau pseudo en tableau standard ?

Vous pouvez utiliser Array.prototype.slice.call(fakeArray) pour convertir le tableau en un objet Array réel.

Par exemple, utilisez un tableau pseudo pour résoudre le problème de la somme d'arguments indéfinis.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments);
    for(var i=0;i<arguments.length;i++{
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

Résultat de l'exécution :

Convertir le pseudo-tableau en tableau standard

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments instanceof Array);//Il est possible de déterminer si c'est un véritable tableau, la valeur de retour est false;
    console.log(arguments);//L'affichage actuel est le paramètre transmis1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//Convertir le pseudo-tableau en tableau standard
    arguments.push(10);//Là, vous pouvez appeler les méthodes du tableau standard
    console.log(arguments instanceof Array);//Il est possible de déterminer si c'est un véritable tableau, la valeur de retour est true;
    console.log(arguments);//L'affichage actuel est le paramètre transmis, l'array push après1,2,5,8,10
    for(var i=0;i<arguments.length;i++{
      sum +=arguments[i];
    }
    return sum;
  }
 console.log(add(1,2,5,8));
</script>
<body>
</body>
</html>

Résultat de l'exécution :

Pour ceux qui sont intéressés par plus de contenu sur JavaScript, vous pouvez consulter les sujets spéciaux de ce site : "Résumé des structures de données et des algorithmes JavaScript", "Résumé des opérations mathématiques JavaScript", "Résumé des algorithmes de tri JavaScript", "Résumé des algorithmes de parcours et des techniques JavaScript", "Résumé des techniques de recherche JavaScript" et "Résumé des techniques d'erreur et de débogage JavaScript"

J'espère que cet article peut aider à améliorer la conception de programmes JavaScript.

Déclaration : Le contenu de cet article est extrait du réseau, et les droits d'auteur appartiennent à leurs propriétaires respectifs. Le contenu est contribué et téléchargé par les utilisateurs d'Internet de manière spontanée. Ce site ne détient pas de droits de propriété, n'a pas été édité par l'homme et n'assume aucune responsabilité juridique. Si vous trouvez du contenu suspect de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation et fournir des preuves. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)

Tutoriel de base