JavaScript判断数组的方法总结与推荐

2024-04-02 19:04:59 123人浏览独家记忆

摘要

目录前言根据构造函数判断（妈妈）instanceofconstructor根据原型对象判断（爸爸）__ proto __Object.getPrototypeOf()Array.pr

前言

无论在工作还是面试中，我们都会遇到判断一个数据是否为数组的需求，今天我们就来总结一下，到底有多少方法可以判断数组，看看哪种方法是最好用、最靠谱的。

我们从妈妈、爸爸、祖先三个角度来进行判断。

根据构造函数判断（妈妈）

instanceof

判断一个实例是否属于某构造函数

let arr = []
console.log(arr instanceof Array) // true

缺点： instanceof 底层原理是检测构造函数的 prototype 属性是否出现在某个实例的原型链上，如果实例的原型链发生变化，则无法做出正确判断。

let arr = []
arr.__proto__ = function() {}
console.log(arr instanceof Array) // false

constructor

实例的构造函数属性 constructor 指向构造函数本身。

let arr = []
console.log(arr.constructor === Array) // true

缺点： 如果 arr 的 constructor 被修改，则无法做出正确判断。

let arr = []
arr.constructor = function() {}
console.log(arr.constructor === Array) // false

根据原型对象判断（爸爸）

proto

实例的 __ proto __ 指向构造函数的原型对象

let arr = []
console.log(arr.__proto__ === Array.prototype) // true

缺点： 如果实例的原型链的被修改，则无法做出正确判断。

let arr = []
arr.__proto__ = function() {}
console.log(arr.__proto__ === Array.prototype) // false

Object.getPrototypeOf()

Object 自带的方法，获取某个对象所属的原型对象

let arr = []
console.log(Object.getPrototypeOf(arr) === Array.prototype) // true

缺点： 同上

Array.prototype.isPrototypeOf()

Array 原型对象的方法，判断其是不是某个对象的原型对象

let arr = []
console.log(Array.prototype.isPrototypeOf(arr)) // true

缺点： 同上

根据 Object 的原型对象判断（祖先）

Object.prototype.toString.call()

Object 的原型对象上有一个 toString 方法，toString 方法默认被所有对象继承，返回 "[object type]" 字符串。但此方法经常被原型链上的同名方法覆盖，需要通过 Object.prototype.toString.call() 强行调用。

let arr = []
console.log(Object.prototype.toString.call(arr) === '[object Array]') // true

这个类型就像胎记，一出生就刻在了身上，因此修改原型链不会对它造成任何影响。

let arr = []
arr.__proto__ = function() {}
console.log(Object.prototype.toString.call(arr) === '[object Array]') // true

Array.isArray()

Array.isArray() 是 es6 新增的方法，专门用于数组类型判断，原理同上。

let arr = []
console.log(Array.isArray(arr)) // true

修改原型链不会对它造成任何影响。

let arr = []
arr.__proto__ = function() {}
console.log(Array.isArray(arr)) // true

总结

以上就是判断是否为数组的常用方法，相信不用说大家也看出来 Array.isArray 最好用、最靠谱了吧，还是ES6香！

到此这篇关于javascript判断数组方法的文章就介绍到这了,更多相关JavaScript判断数组方法内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

--结束END--

本文标题: JavaScript判断数组的方法总结与推荐

本文链接: https://lsjlt.com/news/139338.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

猜你喜欢

JavaScript判断数组的方法总结与推荐

目录前言根据构造函数判断（妈妈）instanceofconstructor根据原型对象判断（爸爸）__ proto __Object.getPrototypeOf()Array.pr...

99+

2024-04-02
JavaScript判断是否为数字的几种方式汇总(推荐!)

目录前言1. typeof、instanceof、Number.isInteger2. parseInt、parseFloat3. isNaN、isFinite4. Number.i...

99+

2024-04-02
JavaScript判断两个数组相等的4类方法总结

目录循环比较toStringjoinJSON.stringify当数组元素是空元素、null、undefined时null 和 undefined空元素总结在JavaScript中，...

99+

2023-02-21

JavaScript判断数组相等方法 JavaScript判断数组相等 JavaScript数组相等
JavaScript必备的断点调试技巧总结（推荐）

目录为什么要使用 debugger Chrome debugger 基本用法 VS Code 调试 SPA 应用 Chrome 调试 Nodejs 使用 VS Code 调试 Nod...

99+

2024-04-02
JavaScript判断是否为数组的各种方法汇总

目录前言 Array.isArray constructor instanceof isPrototypeOf Object.prototype.toString typeof 总结...

99+

2024-04-02
JavaScript实现的七种排序算法总结（推荐！）

目录前言冒泡排序基础算法第二种写法是在基础算法的基础上改良而来的：选择排序基础算法二元选择排序-优化插入排序交换法插入排序移动法希尔排序堆排序快速排序归并排序总结前言...

99+

2024-04-02
JavaScript判断数组成员的几种方法

目录indexOf()incudes()find()与findIndex()find()findIndex()对于NaN值最后前言：在开发中经常需要我们在数组中查找元素又或者是判断...

99+

2022-11-13

JavaScript判断数组成员方法 JavaScript判断数组成员
Pycharm最全报错的原因与解决方法总结(推荐!)

目录前言（一）Pycharm报错：No R interpreter defined（二）找不到指定的模板：ImportError:DDL load failed while impo...

99+

2024-04-02
mysql中写判断语句的方法总结

mysql中写判断语句的方法：方法一.CASE函数 case函数语法： CASE condition WHEN value1 THEN returnvalue1 WHEN value2 THEN returnv...

99+

2022-05-29

mysql 判断语句
JavaScript必看的10道面试题总结（推荐）

1.this指向 1.谁调用指向谁例： function foo(){ console.log("this",this); } n...

99+

2024-04-02
Java中四种遍历List的方法总结(推荐)

实例如下：package com.ietree.basic.collection.loop;import java.util.ArrayList;import java.util.Iterator;import java.util.List...

99+

2023-05-31

java list 遍历
java判断变量是不是数字方法总结

java判断变量是不是数字方法：（相关视频课程推荐：java视频教程）用JAVA自带的函数public static boolean isNumeric(String str){ for (int i = 0; i < str.length...

99+

2015-01-05

java
JavaScript操作数组的常用方法总结

我们在日常开发过程中，使用到原生 JavaScript的时候，有时候会频繁的对数组进行操作，今天我把工作以来，经常用到的有关 JavaScript数组的方法总结一...

99+

2024-04-02
总结几种简单的Javascript判断语句

Javascript 是一种流行的脚本语言，用于在网页中添加交互性和动态效果。在编写 Javascript 程序时，经常需要进行条件判断，以根据不同情况执行不同的操作。本文将介绍几种简单的 Javascript 判断语句，以便在编写程序时实...

99+

2023-05-14
遍历python字典几种方法总结(推荐)

如下所示： aDict = {'key1':'value1', 'key2':'value2', 'key3':'value3'} print '-----------dict-------------...

99+

2022-06-04

遍历字典几种方法
JavaScript数组几个常用方法总结

目录1、前言2、filter()3、map()4、sort()5、reduce()6、forEach()7、方法列表8、本文参考1、前言数组方法有太多了，本文记录一些本人容易记错的...

99+

2024-04-02
Python中创建字典的几种方法总结(推荐)

1、传统的文字表达式： >>> d={'name':'Allen','age':21,'gender':'male'} >>> d {'age': 21, 'name...

99+

2022-06-04

字典几种方法 Python
JavaScript中常用的数组操作方法总结

目录前言数组基础遍历方法forfor offor in数组的基础操作方法push：尾部追加元素pop：尾部移出元素unshift：头部追加元素shift：头部移出元素splice：删...

99+

2024-04-02
javaScript遍历对象和数组的方法总结

在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！ javaScript遍历对象总结 1、使用Ob...

99+

2024-04-02
JavaScript数组Array的一些常用方法总结

目录一.JavaScript中创建数组的方式二、数组方法概括三、方法详解1.join()2.pop()3.shift()4.push()5.unshift()6.concat...

99+

2024-04-02