如何在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