首頁 每日程式設計 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)