¿Cómo verificar si una variable es una array en JavaScript?

En JavaScript, podemos verificar si una variable es una array usando 3 métodos, usando el método isArray , usando el operador instanceof y verificando el tipo de constructor si coincide con un objeto Array.

Método 1: Usar el método isArray

El método Array.isArray() comprueba si la variable pasada es un objeto Array.

Sintaxis:

Array.isArray(variableName)

Devuelve un valor booleano verdadero si la variable es una array y falso si no lo es. Esto se muestra en el siguiente ejemplo.

Ejemplo 1:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
      How to check if a variable
      is an array in JavaScript?
  </title>
</head>
  
<body>
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <b>
      How to check if a variable 
      is an array in JavaScript?
  </b>
    <p>
      Click on the button to check
      if the variable is an array
  </p>
    <p>Output for string:
        <div class="outputString">
  </div>
  
    <p>Output for number:
        <div class="outputNumber">
  </div>
  
    <p>Output for array:
        <div class="outputArray">
  </div>
  
  
    <button onclick="checkArray()">
      Click here
  </button>
    <script type="text/javascript">
        function checkArray() {
            let str = 'This is a string';
            let num = 25;
            let arr = [10, 20, 30, 40];
  
            ans = Array.isArray(str);
            document.querySelector(
              '.outputString').textContent = ans;
            
            ans = Array.isArray(num);
            document.querySelector(
              '.outputNumber').textContent = ans;
            
            ans = Array.isArray(arr);
            document.querySelector(
              '.outputArray').textContent = ans;
        }
    </script>
</body>
  
</html>

Producción:
isArray

Método 2: usar el operador
instanceof El operador instanceof se usa para probar si la propiedad de prototipo de un constructor aparece en algún lugar de la string de prototipos de un objeto. Esto se puede usar para evaluar si una variable dada tiene un prototipo de ‘Array’.

Sintaxis:

variable instanceof Array

El operador devuelve un valor booleano verdadero si la variable es la misma que la especificada (aquí una array) y falso si no lo es. Esto se muestra en el siguiente ejemplo.

Ejemplo-2:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
      How to check if a variable is
      an array in JavaScript?
  </title>
</head>
  
<body>
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <b>
      How to check if a variable is
      an array in JavaScript?
  </b>
    <p>
      Click on the button to check 
      if the variable is an array
  </p>
    <p>Output for string:
        <div class="outputString"></div>
  
    <p>Output for number:
        <div class="outputNumber"></div>
  
    <p>Output for array:
        <div class="outputArray"></div>
  
  
    <button onclick="checkArray()">Click here</button>
    <script type="text/javascript">
        function checkArray() {
            let str = 'This is a string';
            let num = 25;
            let arr = [10, 20, 30, 40];
  
            ans = str instanceof Array;
            document.querySelector(
              '.outputString').textContent = 
              ans;
            ans = num instanceof Array;
            document.querySelector(
               '.outputNumber').textContent = 
              ans;
            ans = arr instanceof Array;
            document.querySelector(
               '.outputArray').textContent = 
              ans;
        }
    </script>
</body>
  
</html>

Producción:
instanceof

Método 3: Comprobación de la propiedad constructora de la variable

Otro método para verificar una variable es una array al verificar su constructor con Array.

Sintaxis:

variable.constructor === Array

Esto se vuelve verdadero si la variable es la misma que la especificada (aquí una array) y falso si no lo es. Esto se muestra en el siguiente ejemplo.

Ejemplo-3:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
      How to check if a variable is
      an array in JavaScript?
  </title>
</head>
  
<body>
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <b>How to check if a variable is
      an array in JavaScript?</b>
    
    <p>Click on the button to check 
      if the variable is an array</p>
    
    <p>Output for string:
        <div class="outputString"></div>
  
    <p>Output for number:
        <div class="outputNumber"></div>
  
    <p>Output for array:
        <div class="outputArray"></div>
  
  
    <button onclick="checkArray()">
      Click here
  </button>
    <script type="text/javascript">
        function checkArray() {
            let str = 'This is a string';
            let num = 25;
            let arr = [10, 20, 30, 40];
  
            ans = str.constructor === Array;
            document.querySelector(
              '.outputString').textContent = ans;
            
            ans = num.constructor === Array;
            document.querySelector(
              '.outputNumber').textContent = ans;
            
            ans = arr.constructor === Array;
            document.querySelector(
              '.outputArray').textContent = ans;
            
        }
    </script>
</body>
  
</html>

Producción:

constructor

JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta