如何在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屬性。
廣告
資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP