Explication détaillée de l'utilisation du pseudo-tableau JavaScript-js tutoriel-php.cn

Explication détaillée de l'utilisation du pseudo-tableau JavaScript

小云云

Libérer： 2017-12-23 14:35:58

original

3131 Les gens l'ont consulté

Cet article présente principalement l'utilisation du pseudo-tableau JavaScript et analyse le concept, la fonction, la définition et l'utilisation simple du pseudo-tableau sous forme d'exemples. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra vous aider. tout le monde.

Qu'est-ce qu'un pseudo tableau en Javascript ?

Pseudo-tableau (de type tableau) : Vous ne pouvez pas appeler directement les méthodes de tableau ni attendre un comportement spécial de la propriété length, mais vous pouvez toujours les parcourir en utilisant de véritables méthodes de traversée de tableau.

1. Généralement le paramètre d'argument d'une fonction,
2. En appelant getElementsByTagName, document.childNodes, etc., ils renvoient tous des objets NodeList, qui sont des pseudo-tableaux.

Alors comment convertir un pseudo tableau en tableau standard ?

Vous pouvez utiliser Array.prototype.slice.call(fakeArray) pour convertir un tableau en un véritable objet Array.

Par exemple, utilisez des pseudo-tableaux pour implémenter la somme de paramètres 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>

Copier après la connexion

Résultats en cours :

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);//可以判断下此时是不是真正数组,返回值为false;
    console.log(arguments);//此时打印的是传入的参数1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//将伪数组转化为标准数组
    arguments.push(10);//此时就可以调用标准数组的方法
    console.log(arguments instanceof Array);//可以判断下此时是不是真正数组,返回值为true;
    console.log(arguments);//此时打印的是传入的参数,push之后的数组1,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>

Copier après la connexion

Résultats d'exécution :