JS を使用して要素が配列であるかどうかを判断する例

JS を使用して要素が配列であるかどうかを判断する例

検証できるデータの種類は次のとおりです

a = [1,2,3,4,5,6]とします。
 b = [とします
 {名前: '張飛'、タイプ: 'タンク'}、
 {名前: '関羽'、タイプ: '兵士'}、
 {名前: '劉備'、タイプ: 'シューター'}、
 ];
 c = 123 とします。
 d = 'www' とします。
 e = {name: 'Angela', type: 'mage'} とします。

1. Array.isArray() を通じて

Array.isArray() は要素が配列かどうかを判定し、配列の場合は true を返し、配列でない場合は false を返します。

console.log(Array.isArray(a)); // 真
 console.log(Array.isArray(b)); // 真
 console.log(Array.isArray(c)); // 偽
 console.log(Array.isArray(d)); // 偽
 console.log(Array.isArray(e)); // 偽

2. インスタンスで判断する

instanceof 演算子は、インスタンスがオブジェクトのプロトタイプ チェーンに属しているかどうかを検出するために使用されます。

console.log(配列のインスタンス); // true
 console.log(b 配列のインスタンス); // true
 console.log(c 配列のインスタンス); // false
 console.log(d 配列インスタンス); // false
 console.log(e 配列インスタンス); // false

物体を判断するためにも使える

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

配列かどうかを判断するには、変数配列 (a, b) のプロトタイプ チェーンに Arrray.prototype プロパティが存在するかどうかを確認する必要があります。明らかに、a と b は配列であり、Arrray.prototype プロパティを持っているので、これは true です。

3. オブジェクトコンストラクタのコンストラクタで判断する

Object の各インスタンスには、各オブジェクトを作成する関数を格納するコンストラクターがあります。

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

以下はその他のデータ型の検証です

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

4. Object.prototype.toString.call() で判断する

プロトタイプチェーンを通じて呼び出しを検索する

console.log(Object.prototype.toString.call(a) === '[オブジェクト配列]'); // true
console.log(Object.prototype.toString.call(b) === '[オブジェクト配列]'); // true

以下はその他のデータ型の検証です

console.log(Object.prototype.toString.call(c) === '[オブジェクト番号]'); // true
console.log(Object.prototype.toString.call(d) === '[object String]'); // true
console.log(Object.prototype.toString.call(e) === '[object Object]'); // true

5. オブジェクトプロトタイプチェーンのisPrototypeOf()で判断する

Array.prototype プロパティは、Array コンストラクターのプロトタイプであり、オブジェクトが別のオブジェクトのプロトタイプ チェーン内に存在するかどうかをテストするために使用される isPrototypeOf() メソッドが含まれています。

console.log(Array.prototype.isPrototypeOf(a)); // 真
 console.log(Array.prototype.isPrototypeOf(b)); // 真
 console.log(Array.prototype.isPrototypeOf(c)); // 偽
 console.log(Array.prototype.isPrototypeOf(d)); // 偽
 console.log(Array.prototype.isPrototypeOf(e)); // 偽

要約する

JS を使用して要素が配列であるかどうかを判断する方法については、これで終わりです。要素が配列コンテンツであるかどうかの JS 判断の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript で配列に指定された要素が含まれているかどうかを判断する方法
  • 要素が配列内にあるかどうかを判断するための JS 実装コード
  • 配列内に重複要素があるかどうかを判定するJSの方法の概要
  • 配列に特定の要素がすでに含まれているかを判断するJavaScript関数
  • 配列に特定の要素が含まれているかどうかを判定するJS実装例
  • 配列に要素が含まれているかどうかを判断するための js 関数実装メソッド
  • 配列に要素が含まれているかどうかを判断するためのjs拡張メソッドを記述する
  • JavaScript で配列内の要素が繰り返されているかどうかを判断するためのメソッドのコレクション
  • 配列に特定の要素が含まれているかどうかを判断するには js を使用します (PHP の in_array() と同様)
  • 配列に要素が含まれているかどうかを判断するための JS メソッドの概要

<<:  JSで実現したページサイドバーの効果に関する研究

>>:  さまざまな種類の jQuery Web ページ検証コード プラグイン コード例

推薦する

MySQL 一時テーブルの簡単な使用法

MySQL 一時テーブルは、一時的なデータを保存する必要がある場合に非常に便利です。一時テーブルは現...

広告を閉じる効果を実現するJavascript

参考までに、Javascript を使用して広告を閉じる方法に関するケース スタディを示します。詳細...

React双方向データバインディングの原理についての簡単な説明

目次双方向データバインディングとは双方向データバインディングの実装データ影響ビュービューはデータに影...

Web ページ WB.ExecWB 制御印刷メソッド呼び出しの説明とパラメータの紹介

WebページWB.ExecWB制御印刷方法コードをコピーコードは次のとおりです。 <テーブルの...

Squid を使用して http および https 用のプロキシ サーバーを構築する方法

nginx を導入した際に、フォワードプロキシの設定も nginx を使っていました。しかし、htt...

MYSQL開発パフォーマンス調査:バッチデータ挿入の最適化方法

1. どのような問題に直面しましたか?標準 SQL では、通常、次の SQL 挿入ステートメントを記...

MySQLの日付と時刻関数の使用の概要

この記事はMySQL 8.0に基づいていますこの記事では、日付と時刻の操作のための MySQL 関数...

MySQLスローログクエリの詳細な説明

遅いログクエリ機能スロー ログ クエリの主な機能は、設定された時間しきい値を超える SQL ステート...

Helloダイアログボックスのデザイン体験の共有

「どうしたの?」特定の種類のダイアログ ボックスに慣れていない限り、ダイアログ ボックスが表示された...

HTML ユーザー登録ページ設定ソースコード

上記の Web ページをデザインします。 <!DOCTYPE html> <htm...

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...

単純なCSSの詳細に惚れ込むと、重要ではないものの、効率性が向上する可能性がある

CSS の将来は非常に楽しみです。一方では、まったく新しいページ レイアウト方法であり、他方では、ク...

Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル

目次1. Typescriptの紹介2. 設定ファイル webpack 設定3. プロジェクトに.t...

重複データの処理に関するMySQL学習ノート

MySQLは重複データを処理します一部の MySQL テーブルには重複レコードが含まれている場合があ...

LinuxでIPを表示する方法の例

ネットワークの問題のトラブルシューティング、新しい接続のセットアップ、ファイアウォールの構成を行うと...