如何在JavaScript中檢查變數是否為陣列?


Javascript中檢查變數是否為陣列對於正確處理資料至關重要。我們將討論三種不同的方法來檢查變數是否為陣列

我們有一個數組和一個字串,我們的任務是在JavaScript中檢查變數是否為陣列。

檢查變數是否為陣列的方法

以下是幾種在JavaScript中檢查變數是否為陣列的方法,我們將在這篇文章中逐步講解並提供完整的示例程式碼。

使用isArray()方法

為了在JavaScript中檢查變數是否為陣列,我們使用了isArray()方法。它返回一個布林值作為結果,要麼為true,要麼為false。

  • 我們使用了兩個div元素來顯示陣列和輸出,使用getElementById()innerHTML屬性。我們還添加了一個button,單擊它會觸發checkArray()函式。
  • 我們已初始化並將陣列儲存在arr中,並將字串儲存在變數str中。
  • 然後,我們對陣列和字串都使用了isArray()方法,並將結果分別儲存在res1res2中。

示例

這是一個完整的示例程式碼,實現了上述步驟,使用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運算子,並將結果分別儲存在res1res2中。

示例

這是一個完整的示例程式碼,實現了上述步驟,使用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 === Arraystr.constructor === Array;檢查了陣列和字串的constructor屬性,並將結果分別儲存在res1res2中。

示例

這是一個完整的示例程式碼,實現了上述步驟,透過檢查變數的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+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告