JS array数组检测方式解析

yizhihongxing

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内核之基本概念

    关于“JavaScript内核之基本概念”的完整攻略,可以从以下几个方面来讲解。 1. 什么是JavaScript内核? JavaScript是一种高级编程语言,但是它需要在浏览器上执行,因此需要JavaScript引擎来解析和执行JavaScript代码。JavaScript引擎是JavaScript内核的核心组成部分,它是一种解释器或编译器,可以将Jav…

    JavaScript 2023年5月18日
    00
  • JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)

    在JS中跨页面调用变量和函数可以通过以下几种方法实现: 1. 使用cookie 可以在页面中设置一个cookie,把需要共享的变量值存储到cookie中。然后在另一个页面中读取这个cookie,就能够获得变量值。示例如下: a.js function setCookie(c_name,value,expiredays){ var exdate=new Dat…

    JavaScript 2023年5月27日
    00
  • JavaScript初级教程(第四课)

    当你开始学习JavaScript时,最好的方法之一是掌握基本数据类型和变量的概念。在第四课中,我们将介绍以下内容:变量,变量命名,变量声明,变量赋值以及基本数据类型。下面是课程的详细攻略: 变量 变量是存储数据的容器。JavaScript中的变量可以容纳不同类型的数据,例如数字,字符串和布尔值等。 变量命名 在JavaScript中,变量的名称需要遵循一些规…

    JavaScript 2023年5月18日
    00
  • JavaScript实现秒杀时钟倒计时

    JavaScript实现秒杀时钟倒计时的攻略大致包含以下几个步骤: 获取当前时间和秒杀结束时间 计算倒计时的剩余时间 将剩余时间转换为时、分、秒的形式 将倒计时的时、分、秒填充到HTML中 每隔一秒更新倒计时 下面是完整的攻略: 步骤 1. 获取当前时间和秒杀结束时间 在 JavaScript 中,可以通过 new Date() 取得当前的日期和时间,包括年…

    JavaScript 2023年5月27日
    00
  • 在JavaScript中访问字符串的子串

    访问字符串的子串是JavaScript中常见的操作之一,在本文中我们将详细讲解如何用JavaScript来访问字符串的子串。 查找子串的位置 JavaScript中的indexOf方法可以帮助我们查找子串在原字符串中的位置。它的基本语法如下: str.indexOf(searchValue[, fromIndex]) 其中 searchValue 表示要查找…

    JavaScript 2023年5月28日
    00
  • JavaScript sub方法入门实例(把字符串显示为下标)

    下面是对 “JavaScript sub方法入门实例(把字符串显示为下标)” 的详细讲解。 什么是 sub() 方法? sub() 方法可以用于生成 HTML 字符串,该字符串将其中文本的子字符串定义为下标。该方法将指定的字符串中第一个匹配的模式或者正则表达式替换为一个包含下标标签的子字符串。 sub() 方法的语法 sub() 方法的语法如下所示: str…

    JavaScript 2023年5月28日
    00
  • 常用的javascript设计模式

    常用的JavaScript设计模式 设计模式是在经验总结的基础上,提炼出的一些经典模板化的软件设计经验。在JavaScript中,同样存在一些常用的设计模式,这些设计模式可以帮助开发者快速、高效地完成开发任务。下面是常用的JavaScript设计模式: 1. 单例模式 单例模式是指一个类只能被实例化一次,并且提供了访问该实例的全局访问点。它在JavaScri…

    JavaScript 2023年5月18日
    00
  • 事件模型在各浏览器中存在差异

    事件模型是一种编程模型,用于处理图形用户界面(GUI)的事件响应。每个浏览器都有自己的事件模型实现,这意味着浏览器之间存在一些差异。在编写跨浏览器兼容性代码时,需要考虑这些差异。 以下是几种常见的事件模型: 1. DOM0模型 DOM0模型是最早的事件模型,它是在没有标准化的时候由Netscape Navigator引入的。在DOM0模型中,事件处理程序被直…

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