Analyse von Beispielen zur Verwendung von Pseudo-Arrays in JavaScript

本文实例讲述了JavaScript伪数组的用法。分享给大家供大家参考，具体如下：

在JavaScript中什么是伪数组？

伪数组（类数组）：无法直接调用数组方法或期望length属性有特殊的行为，但仍可以使用真正的数组遍历方法来遍历它们。

1.典型的是函数的argument参数，
2.例如调用getElementsByTagName、document.childNodes等，它们都返回NodeList对象，这些都属于伪数组。

那么如何将伪数组转换为标准数组？

可以使用Array.prototype.slice.call(fakeArray)将数组转换为真正的Array对象。

举一个例子，使用伪数组实现不定参数求和问题。

<!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>

Ergebnis der Ausführung:

Konvertieren Sie den Pseudo-Array in ein Standard-Array

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪数组</title>
</head>
<script>
  function add(){
    var sum=0;
    console.log(arguments instanceof Array);//Man kann bestimmen, ob es sich um ein echtes Array handelt, der Rückgabewert ist false;
    console.log(arguments);//Dabei wird der übergebene Parameter gedruckt1,2,5,8
    var arguments=Array.prototype.slice.call(arguments);//Konvertieren Sie den Pseudo-Array in ein Standard-Array
    arguments.push(10);//Dadurch kann auf die Methoden des Standardarrays zugegriffen werden
    console.log(arguments instanceof Array);//Man kann bestimmen, ob es sich um ein echtes Array handelt, der Rückgabewert ist true;
    console.log(arguments);//Dabei wird der übergebene Parameter gedruckt, der Array nach push1,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>

Ergebnis der Ausführung:

Interessierte Leser können mehr über JavaScript-Inhalte in den Themenbereichen dieses Standorts lesen: "Zusammenfassung der Datenstrukturen und Algorithmen in JavaScript", "Zusammenfassung der Verwendung von Mathematikoperationen in JavaScript", "Zusammenfassung der Sortieralgorithmen in JavaScript", "Zusammenfassung der Traversierungsalgorithmen und -techniken in JavaScript", "Zusammenfassung der Suchalgorithmen und -techniken in JavaScript" und "Zusammenfassung der Fehlerbehebung und -diagnose in JavaScript".

Ich hoffe, dass dieser Artikel Ihnen bei der Programmierung von JavaScript-Programmen hilft.

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet übernommen und gehört dem Urheberrechtsinhaber. Der Inhalt wurde von Internetnutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine rechtlichen Verantwortlichkeiten. Wenn Sie Inhalte finden, die möglicherweise urheberrechtlich geschützt sind, freuen wir uns über eine E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @ beim Senden von E-Mails und geben Sie relevante Beweise an. Sobald nachgewiesen wird, dass die Inhalte urheberrechtlich geschützt sind, wird diese Website die fraglichen Inhalte sofort löschen.)

Grundlegende Anleitung

Vermutlich gefällt Ihnen auch