如何在JavaScript中检查变量是否为数组？

在Javascript中检查变量是否为数组对于正确处理数据至关重要。我们将讨论三种不同的方法来检查变量是否为数组。

我们有一个数组和一个字符串，我们的任务是在JavaScript中检查变量是否为数组。

检查变量是否为数组的方法

以下是几种在JavaScript中检查变量是否为数组的方法，我们将在这篇文章中逐步讲解并提供完整的示例代码。

使用isArray()方法

为了在JavaScript中检查变量是否为数组，我们使用了isArray()方法。它返回一个布尔值作为结果，要么为true，要么为false。

  • 我们使用了两个div元素来显示数组和输出，使用getElementById()和innerHTML属性。我们还添加了一个button，单击它会触发checkArray()函数。
  • 我们已初始化并将数组存储在arr中，并将字符串存储在变量str中。
  • 然后，我们对数组和字符串都使用了isArray()方法，并将结果分别存储在res1和res2中。

示例

这是一个完整的示例代码，实现了上述步骤，使用isArray()方法在JavaScript中检查变量是否为数组。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        To Check if a Variable is an Array in JavaScript
    </title>
</head>
<body>
    <h2>
        To Check if a Variable is an Array in JavaScript
    </h2>
    <p>
        In this article, we have used <strong>isArray()</strong>
        method to check if a variable is an array in JavaScript.
    </p>
    <button onclick="checkArray()">Check</button>
    <br><br>
    <div id="array"></div>
    <div id="result"></div>
    <script>
        let arr = [1, 2, 3, 4, 5];
        let str = "Tutorialspoint";
        document.getElementById('array')
            .innerHTML= "Variable: " +arr +"<br>"
                        +"Variable: " +str;
        function checkArray() {
            let res1 = Array.isArray(arr);
            let res2 = Array.isArray(str);
            document.getElementById("result")
                .innerHTML = "Is it array?: " +"<br>" +res1 
                                              +"<br>" +res2;
        }
    </script>
</body>
</html>

使用instanceof运算符

在这种方法中，我们使用了instanceof Array运算符来检查JavaScript中的变量是否为数组。

  • 我们使用了两个div元素来显示数组和输出，使用getElementById()和innerHTML属性。我们还添加了一个按钮，单击它会触发checkArray()函数。
  • 我们已初始化并将数组存储在arr中，并将字符串存储在变量str中。
  • 然后，我们对数组和字符串都使用了instanceof Array运算符，并将结果分别存储在res1和res2中。

示例

这是一个完整的示例代码，实现了上述步骤，使用instanceof运算符在JavaScript中检查变量是否为数组。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        To Check if a Variable is an Array in JavaScript
    </title>
</head>
<body>
    <h2>
        To Check if a Variable is an Array in JavaScript
    </h2>
    <p>
        In this article, we have used <strong>instanceof</strong>
        operator to check if a variable is an array in JavaScript.
    </p>
    <button onclick="checkArray()">Check</button>
    <br><br>
    <div id="array"></div>
    <div id="result"></div>
    <script>
        let arr = [1, 2, 3, 4, 5];
        let str = "Tutorialspoint";
        document.getElementById('array')
            .innerHTML= "Variable: " +arr +"<br>"
                        +"Variable: " +str;
        function checkArray() {
            let res1 = arr instanceof Array;
            let res2 = str instanceof Array;
            document.getElementById("result")
                .innerHTML = "Is it array?: " +"<br>" +res1 
                                              +"<br>" +res2;
        }
    </script>
</body>
</html>

检查变量的constructor属性

在这种检查JavaScript中变量是否为数组的方法中，我们检查了变量的constructor属性。

  • 我们使用了两个div元素来显示数组和输出，使用getElementById()和innerHTML属性。我们还添加了一个按钮，单击它会触发checkArray()函数。
  • 我们已初始化并将数组存储在arr中，并将字符串存储在变量str中。
  • 然后，我们使用arr.constructor === Array和str.constructor === Array;检查了数组和字符串的constructor属性，并将结果分别存储在res1和res2中。

示例

这是一个完整的示例代码，实现了上述步骤，通过检查变量的constructor属性来检查JavaScript中变量是否为数组。当变量与我们指定的类型相同时，它会显示true。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        To Check if a Variable is an Array in JavaScript
    </title>
</head>
<body>
    <h2>
        To Check if a Variable is an Array in JavaScript
    </h2>
    <p>
        In this article, we have used <strong>constructor</strong>
        property of variable to check if a variable is an array 
        in JavaScript.
    </p>
    <button onclick="checkArray()">Check</button>
    <br><br>
    <div id="array"></div>
    <div id="result"></div>
    <script>
        let arr = [1, 2, 3, 4, 5];
        let str = "Tutorialspoint";
        document.getElementById('array')
            .innerHTML= "Variable: " +arr +"<br>"
                        +"Variable: " +str;
        function checkArray() {
            let res1 = arr.constructor === Array;
            let res2 = str.constructor === Array;
            document.getElementById("result")
                .innerHTML = "Is it array?: " +"<br>" +res1 
                                              +"<br>" +res2;
        }
    </script>
</body>
</html>

结论

在这篇文章中，我们讨论了如何使用三种不同的方法在JavaScript中检查变量是否为数组：使用isArray()方法、instanceof运算符和检查变量的constructor属性。

更新于：2024年11月20日

4K+ 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告