如何在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屬性。
廣告