Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie überprüfe ich den Typ einer Variablen oder eines Objekts in JavaScript?

WBOY
Freigeben: 2023-09-03 10:09:02
nach vorne
1279 Leute haben es durchsucht

如何在 JavaScript 中检查变量或对象的类型?

JavaScript ist eine lose typisierte Programmiersprache, was bedeutet, dass es keine derartigen Regeln für die Deklaration von Variablentypen gibt. Eine Variable kann in einem Programm mehrere Datentypen speichern. Daher ist es wichtig, den Variablentyp zu verstehen, bevor Sie ihn verwenden. In JavaScript können wir den Operator typeof verwenden, um den Typ einer Variablen oder eines Objekts zu überprüfen. Der typeof-Operator nimmt eine Variable und gibt ihren Typ im String-Format zurück.

Zusätzlich zum typeof-Operator bietet JavaScript auch den instanceof-Operator, um den Typ einer Variablen oder eines Objekts zu überprüfen. Der instanceof-Operator akzeptiert zwei Parameter: das zu prüfende Objekt und den Konstruktor des zu prüfenden Typs. Dieser Operator gibt true zurück, wenn der Konstruktor vom Typ Objekt ist.

Verwenden Sie den Typ des Operators

Der

typeof-Operator ist ein unärer Operator, der einen Parameter akzeptiert und eine Zeichenfolge zurückgibt, die den Parametertyp angibt. Beispielsweise kann der Operator typeof verwendet werden, um den Typ einer Variablen oder eines Objekts zu überprüfen.

Grammatik

typeof variable_name 
Nach dem Login kopieren

In der obigen Syntax ist Variablenname der Name der Variablen, deren Typ bestimmt werden soll.

Der

typeof-Operator kann eine der folgenden Zeichenfolgen zurückgeben -

  • „Nummer“ steht für Zahl

  • „String“ bedeutet String

  • "boolean"

  • „Undefiniert“ bedeutet undefinierter Wert

  • „Objekt“ bedeutet Objekte (einschließlich Arrays und Funktionen)

  • „Symbol“ für Symbole (neu in ECMAScript 2015)

Beispiel

In diesem Beispiel verwenden wir den Operator „typeof“, um den Typ einer Variablen oder eines Objekts in JavaScript zu überprüfen. Wir haben mehrere Variablen unterschiedlichen Typs deklariert, z. B. Zahlen, Zeichenfolgen, boolesche Werte usw. Wir zeigen diese Variablen auf der Webseite an. Wir haben einen Click-Event-Handler auf der Schaltfläche verwendet, um den Typ der Variablen zu überprüfen. Solange der Benutzer auf die Schaltfläche klickt, kann er alle Variablen und deren Typen auf der Webseite sehen. Der Operator „typeof“ hilft dabei, den Typ einer Variablen oder eines Objekts zu bestimmen, bevor eine bestimmte Operation ausgeführt wird. Sie können damit beispielsweise sicherstellen, dass eine Variable eine Zahl ist, bevor Sie eine Arithmetik durchführen, oder um sicherzustellen, dass eine Variable eine Zeichenfolge ist, bevor Sie sie mit einer anderen Zeichenfolge verketten.

<html>
<body>
   <h2>Checking the <i> type of a variable or object </i> in JavaScript</h2>
   <h4>The variables are as follows:</h4>
   <ul>
      <li>let num = 10</li>
      <li>let str = "Hello"</li>
      <li>let bool = true</li>
      <li>let un</li>
      <li>let n = null</li>
      <li>let arr = [1, 2, 3]</li>
      <li>let func = function () {}</li>
   </ul>
   <button onclick = "checkType()"> Check Type </button>
   <div id = "root"> </div>
   <script>
      let num = 10
      let str = 'Hello'
      let bool = true
      let un
      let n = null
      let arr = [1, 2, 3]
      let func = function () {}
      let root = document.getElementById('root')
      function checkType() { 
         root.innerHTML = '<h4>The types of variables are as follows:</h4>'
         root.innerHTML += '<ul> <li> let num = 10 is a ' + typeof num + ' </li> <li> let str = "Hello" is a ' + typeof str + ' </li> <li> let bool = true is a ' + typeof bool + ' </li> <li> let un is a ' + typeof un + ' </li> <li> let n = null is a ' + typeof n + ' </li> <li> let arr = [1, 2, 3] is a ' + typeof arr + ' </li> <li> let func = function () {} is a ' + typeof func + ' </li> </ul> '
      }
   </script>
</body>
</html> 
Nach dem Login kopieren

Verwenden Sie den Instanzoperator

In JavaScript wird der Operator instanceof verwendet, um den Typ eines Objekts zur Laufzeit zu bestimmen. Es gibt ein boolesches Ergebnis zurück, das angibt, ob das Objekt eine Instanz einer bestimmten Klasse ist.

Grammatik

object_name instanceof object_constructor 
Nach dem Login kopieren

In der obigen Syntax ist Objektname der Name des Objekts, dessen Typ Sie bestimmen möchten.

Beispiel

In diesem Beispiel verwenden wir den Operator instanceof, um den Typ einer Variablen oder eines Objekts in JavaScript zu überprüfen. Wir deklarieren eine String-Typ-Variable mithilfe des String-Klassenkonstruktors und eines benutzerdefinierten Klassenobjekts „myClassObject“, das ein Objekt von „myClass“ ist, und zeigen sie auf der Webseite an. Wir verwenden einen Click-Event-Handler auf der Schaltfläche, um den Objekttyp zu überprüfen und ihn auf der Webseite anzuzeigen.

<html>
<body>
   <h2>Checking the <i> type of a variable or object </i> in JavaScript</h2>
   <h4>The object variables are as follows:</h4>
   <ul> 
      <li>let str = new String('Hello World!')</li>
      <li>let myClassObject = new MyClass()</li>
   </ul>
   <button onclick = "checkType()"> Check Type </button>
   <div id = "root"> </div>
   <script>
      let str = new String('Hello World!')
      class MyClass {}
      let myClassObject = new MyClass()
      let root = document.getElementById('root')
      function checkType() {
         root.innerHTML = '<h4> The types of objects using instanceof operator: </h4>'
         root.innerHTML += '<ul> <li> str is an instance of String: ' + (str instanceof String) + ' </li> <li> str is an instance of MyClass: ' + (str instanceof MyClass) + ' </li> </ul>'
         root.innerHTML += ' <ul> <li> myClassObject is an instance of String: ' + (myClassObject instanceof String) + ' </li> <li> myClassObject is an instance of MyClass: ' + (myClassObject instanceof MyClass) + ' </li> </ul>'
      }
   </script>
</body>
</html> 
Nach dem Login kopieren
Die Operatoren „typeof“ und „instanceof“ geben nur manchmal erwartete Ergebnisse zurück, wenn sie mit bestimmten Objekten verwendet werden. Beispielsweise gibt der

typeof-Operator „Objekt“ für Arrays zurück, obwohl es sich bei ihnen um einen Objekttyp in JavaScript handelt. Um ordnungsgemäß zu überprüfen, ob ein Wert ein Array ist, können Sie die Methode Array.isArray() verwenden.

Das obige ist der detaillierte Inhalt vonWie überprüfe ich den Typ einer Variablen oder eines Objekts in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage