首页 每日编程 html知识 JS如何判断对象是否为数组

JS如何判断对象是否为数组

Dec 13, 2018 pm 02:24 PM


用JS判断对象是否为数组,可以使用JavaScript Array.isArray()方法来检查对象(或变量)是否为数组。返回值为true则表示为数组; 否则返回false。

JS如何判断对象是否为数组

下面我们就结合具体的代码示例,给大家介绍用js判断对象是否为数组的方法。

首先我们创建一些变量,来检查这些变量是否为对象。

代码示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
</body>
<script>
    // 创建一些变量
    var v1 = {name: "John", age: 18};
    var v2 = ["red", "green", "blue", "yellow"];
    var v3 = [1, 2, 3, 4, 5];
    var v4 = null;

    // 测试变量数据类型
    document.write(typeof(v1) + "<br>"); 
    document.write(typeof(v2) + "<br>"); 
    document.write(typeof(v3) + "<br>"); 
    document.write(typeof(v3) + "<br>"); 
</html>
登录后复制

这里我们通过typeof()来检测,上述四个变量的数据类型。

结果如下所示:

JS如何判断对象是否为数组

如图所示,v1、v2、v3、v4都是对象类型。

那么我们怎么判断这些对象是否为数组?

代码示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
</body>
<script>
    // 创建一些变量
    var v1 = {name: "John", age: 18};
    var v2 = ["red", "green", "blue", "yellow"];
    var v3 = [1, 2, 3, 4, 5];
    var v4 = null;
    // 测试变量是否为数组
    document.write(Array.isArray(v1) + "<br>");  
    document.write(Array.isArray(v2) + "<br>");  
    document.write(Array.isArray(v3) + "<br>");  
    document.write(Array.isArray(v4) + "<br>");  
</script>
</html>
登录后复制

JavaScript isArray() 方法,isArray() 方法用于判断一个对象是否为数组。如果对象是数组返回 true,否则返回 false。

判断结果如下所示:

JS如何判断对象是否为数组

如图,对象v2、v3为数组。

注:所有主流浏览器都支持Array.isArray()方法,例如Chrome,Firefox,IE(9及以上版本)等。

本篇文章就是关于JS判断对象是否为数组的具体介绍,也非常简单易懂,希望对需要的朋友有所帮助!


以上是JS如何判断对象是否为数组的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24