JS array数组检测方式解析

JS array数组检测方式解析

在JS中,检查一个变量是否为数组的方法有几种。接下来就一并介绍。

Array.isArray()

Array.isArray() 方法用于判断一个变量是否为数组,返回布尔值。例如:

let arr = [1, 2, 3];
console.log(Array.isArray(arr)); // 输出 true

instanceof

instanceof 运算符可以通过ProtoType链判断是否为数组,例如:

let arr = [1, 2, 3];
console.log(arr instanceof Array); // 输出 true
console.log(arr instanceof Object); // 输出 true

Object.prototype.toString.call()

常用于其他DOM类型或自定义类的对象类型检测,但同样适用于数组类型的检测,例如:

let arr = [1, 2, 3];
console.log(Object.prototype.toString.call(arr) == '[object Array]'); // 输出 true

示例

function checkArray(arr) {
  if (Array.isArray(arr)) {
    console.log("It's an array.");
  } else {
    console.log("It's not an array.");
  }
}
checkArray([1, 2, 3]); // 输出 It's an array.
checkArray({name: 'john'}); // 输出 It's not an array.
function checkArray2(arr) {
  if (arr instanceof Array) {
    console.log("It's an array.");
  } else {
    console.log("It's not an array.");
  }
}
checkArray2([1, 2, 3]); // 输出 It's an array.
checkArray2({name: 'john'}); // 输出 It's not an array.
function checkArray3(arr) {
  if (Object.prototype.toString.call(arr) == '[object Array]') {
    console.log("It's an array.");
  } else {
    console.log("It's not an array.");
  }
}
checkArray3([1, 2, 3]); // 输出 It's an array.
checkArray3({name: 'john'}); // 输出 It's not an array.

以上就是JS array数组检测方式的详细攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS array数组检测方式解析 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 理解 JavaScript Scoping & Hoisting(二)

    理解 JavaScript Scoping & Hoisting(二) 介绍 在 JavaScript 中,作用域和变量提升(hoisting)是非常重要的概念。在第一篇理解 JavaScript Scoping 和 Hoisting 的文章中,我们讨论了作用域和 JavaScript 内部如何解析变量名称的机制。本文将继续深入探讨 JavaScri…

    JavaScript 2023年6月10日
    00
  • javascript中一些奇葩的日期换算方法总结

    下面是“JavaScript中一些奇葩的日期换算方法总结”的完整攻略: JavaScript中一些奇葩的日期换算方法总结 本文总结了JavaScript中一些奇葩的日期换算方法,包括闰年判断、日期比较、日期计算等。 闰年判断 判断一个年份是否为闰年是常见的需求。以下是两种判断方法: 方法一:用取模运算符 闰年的判断标准: 能够被4整除,但不能被100整除,或…

    JavaScript 2023年5月27日
    00
  • javascript Demo模态窗口

    下面是关于JavaScript Demo模态窗口的完整攻略: 简介 Demo模态窗口是一种常见的Web开发技术,用于在页面中显示交互式传达信息、获取用户反馈等操作。本文将详细介绍如何使用JavaScript实现Demo模态窗口。 实现方式一:使用HTML和CSS HTML部分 首先在页面中加入一块隐藏的HTML代码块,用于存放模态窗口的结构,例如: <…

    JavaScript 2023年6月10日
    00
  • 简单了解Backbone.js的Model模型以及View视图的源码

    下面我将详细讲解“简单了解Backbone.js的Model模型以及View视图的源码”的完整攻略。 Backbone.js简介 Backbone.js是一个轻量级的JavaScript框架,它可以帮助我们更好地组织JavaScript代码,同时提供了一套完整的MVC(Model-View-Controller)框架,使我们的代码更加简洁高效。 Model模…

    JavaScript 2023年6月11日
    00
  • Html获取登陆用户名的示例代码

    获取登录用户名是Web开发中很常见的需求。本文将分享两个示例代码,分别使用前后端不同的技术,帮助你在自己的网站中获取登录用户名。 1. 基于后端Session的示例代码 如果你的网站是基于后端Session来实现用户登陆的,那么你可以使用下面的这段PHP代码来获取当前登录用户的用户名: <?php session_start(); if(isset($…

    JavaScript 2023年6月11日
    00
  • JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍

    JavaScript 中定义函数有两种常用的方式:使用函数表达式(function expression)和函数声明(function declaration)。在使用函数表达式时,可以使用 var 声明一个变量并赋值为函数,也可以使用 function 关键字直接定义函数。那么 var foo = function () {} 和 function foo…

    JavaScript 2023年5月27日
    00
  • JS删除数组里的某个元素方法

    当需要从JavaScript数组中删除某个元素时,可以使用多种不同的方法。下面是其中的几种可能的方法: 使用splice()方法 splice()方法可以用于从数组中删除一个或多个元素,这是一个十分通用的方法。splice()方法可以接受三个参数: 1.起始位置(从哪一个索引位置开始删除)。 2.要删除的元素数(要删除多少个元素)。 3.要添加的元素(可选的…

    JavaScript 2023年5月27日
    00
  • 中文字符串截取的js函数代码

    中文字符串截取的JS函数代码可以使用slice和substring两种方法实现。下面详细介绍这两种方法的使用。 1. slice方法 slice() 方法可从已有的数组中返回选定的元素,并返回一个新数组,不会改变原数组。 字符串也支持 slice() 方法,用于提取字符串中的一部分,并返回一个新的字符串,也不会改变原字符串。 slice() 方法的语法:st…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部