Example of using JS to determine whether an element is an array

Example of using JS to determine whether an element is an array

Here are the types of data that can be verified

let a = [1,2,3,4,5,6];
 let b = [
 {name: 'Zhang Fei', type: 'tank'},
 {name: 'Guan Yu', type: 'soldier'},
 {name: 'Liu Bei', type: 'shooter'},
 ];
 let c = 123;
 let d = 'www';
 let e = {name: 'Angela', type: 'mage'};

1. Through Array.isArray()

Array.isArray() can determine whether an element is an array, if so, it returns true, otherwise it returns false

console.log(Array.isArray(a)); // true
 console.log(Array.isArray(b)); // true
 console.log(Array.isArray(c)); // false
 console.log(Array.isArray(d)); // false
 console.log(Array.isArray(e)); // false

2. Judge by instanceof

The instanceof operator is used to detect whether an instance belongs to an object's prototype chain.

console.log(a instanceof Array); // true
 console.log(b instanceof Array); // true
 console.log(c instanceof Array); // false
 console.log(d instanceof Array); // false
 console.log(e instanceof Array); // false

It can also be used to judge objects

console.log(e instanceof Object); // true

To determine whether it is an array, we need to check whether the Arrray.prototype property exists in the prototype chain of the variable array (a, b). Obviously, a and b are arrays and have the Arrray.prototype property, so it is true.

3. Judge by the constructor of the object constructor

Each instance of Object has a constructor that stores the function that creates each object.

console.log(a.constructor === Array); // true
console.log(b.constructor === Array); // true

The following includes other data type validations

console.log(c.constructor === Number); // true
console.log(d.constructor === String); // true
console.log(e.constructor === Object); // true

4. Judge by Object.prototype.toString.call()

Look up the call through the prototype chain

console.log(Object.prototype.toString.call(a) === '[object Array]'); // true
console.log(Object.prototype.toString.call(b) === '[object Array]'); // true

The following includes other data type validations

console.log(Object.prototype.toString.call(c) === '[object Number]'); // true
console.log(Object.prototype.toString.call(d) === '[object String]'); // true
console.log(Object.prototype.toString.call(e) === '[object Object]'); // true

5. Judge by isPrototypeOf() on the object prototype chain

The Array.prototype property is the prototype of the Array constructor, which contains a method isPrototypeOf() that is used to test whether an object exists in the prototype chain of another object.

console.log(Array.prototype.isPrototypeOf(a)); // true
 console.log(Array.prototype.isPrototypeOf(b)); // true
 console.log(Array.prototype.isPrototypeOf(c)); // false
 console.log(Array.prototype.isPrototypeOf(d)); // false
 console.log(Array.prototype.isPrototypeOf(e)); // false

Summarize

This is the end of this article about using JS to determine whether an element is an array. For more relevant JS judgment elements are array content, please search 123WORDPRESS.COM previous articles or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • How to determine whether an array contains a specified element in JavaScript
  • JS implementation code to determine whether an element is in an array
  • Summary of JS's method for determining whether there are duplicate elements in an array
  • JavaScript function to determine whether an array already contains a certain element
  • JS implementation example of judging whether an array contains a certain element
  • js function implementation method to determine whether an array contains an element
  • Write a js extension method to determine whether an array contains an element
  • A collection of methods for determining whether elements in an array are repeated in javascript
  • Use js to determine whether an array contains a certain element (similar to in_array() in php)
  • Summary of JS methods for determining whether an array contains an element

<<:  Research on the effect of page sidebar realized by JS

>>:  Various types of jQuery web page verification code plug-in code examples

Recommend

Alibaba Cloud Server Tomcat cannot be accessed

Table of contents 1. Introduction 2. Solution 2.1...

jQuery achieves large-screen scrolling playback effect

This article shares the specific code of jQuery t...

Teach you a trick to achieve text comparison in Linux

Preface In the process of writing code, we will i...

MySQL 5.7.18 download and installation process detailed instructions

MySql Download 1. Open the official website and f...

Detailed explanation of three relationship examples of MySQL foreign keys

This article uses examples to describe the three ...

How to avoid the trap of URL time zone in MySQL

Preface Recently, when using MySQL 6.0.x or highe...

Linux tutorial on replacing strings using sed command

To replace a string, we need to use the following...

Vue-CLI multi-page directory packaging steps record

Page directory structure Note that you need to mo...

Why is your like statement not indexed?

Preface This article aims to explain the most bor...

Mysql5.6.36 script compilation, installation and initialization tutorial

Overview This article is a script for automatical...

Docker commands are implemented so that ordinary users can execute them

After installing docker, there will usually be a ...

How to update Ubuntu 20.04 LTS on Windows 10

April 23, 2020, Today, Ubuntu 20.04 on Windows al...

Tutorial diagram of installing TomCat in Windows 10

Install TomCat on Windows This article will intro...