1. セットとは何かセットは単純に数学的なセットとして考えることができます。 重複する値のない順序付けられていないデータのコレクションです。 2. セットコンストラクタSet コンストラクターのパラメーターには、次の形式を渡すことができます。 2.1) 配列定数s = 新しいSet([1, 2, 1]); console.log(s); ここでは、配列 2.2) 文字列const s = new Set("Hello World!"); console.log(s); 2.3) 議論関数fun() { const s = new Set(引数); console.log(s); } 楽しい(1, 2, 3); 2.4) ノードリスト<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta http-equiv="X-UA-compatible" content="IE=edge"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <title>設定</title> </head> <本文> <p>1</p> <p>2</p> <p>3</p> <スクリプト> const s = new Set(document.querySelectorAll('p')); console.log(s); </スクリプト> </本文> </html> ここでは、3 つの 使用する必要がある場合は、この 2.5) 設定s1 = 新しいSet([1, 2, 3]); s2 を新しい Set(s1) に変換します。 コンソールログ(s2); これは コンソールログ(s1 === s2); 3. インスタンスのプロパティとメソッドを設定するSet のプロパティには、メンバーの数を格納するために使用される属性 定数s = 新しいSet([1, 2, 3]); console.log(s.size); セットの方法
セットにメンバーを追加する const s = new Set([1, 2, 3]); // 1つのパラメータのみを渡すことができます s.add(5); console.log(s); // 連結できます adds.add(7).add(9); console.log(s); セットからメンバーを削除するために使用します 定数s = 新しいSet([1, 2, 3]); s.削除(2); // 削除する項目がセット内に見つからない場合は何も起こらず、エラーも報告されません s.delete(5); console.log(s); セットにメンバーが含まれているかどうかを判断するために使用されます 定数s = 新しいSet([1, 2, 3]); コンソールログ(s.has(1)); コンソールログ(s.has(5)); セットのすべてのメンバーを削除します 定数s = 新しいSet([1, 2, 3]); s.クリア(); console.log(s); 4. メンバーアクセスを設定するメンバー アクセスは 2つのパラメータがあり、最初のパラメータはコールバック関数で、2番目のパラメータはコールバック関数内の s.forEach(コールバック関数、コールバック関数へのポインタ) 最初のパラメータを見てみましょう: 最初のパラメータ コールバック関数には、次の 3 つのパラメータがあります。 s.forEach(関数(値、キー、セット){ 値はSetのメンバーです。Setでは、値とキーは等しくなります。Setは前のSet自体です。つまり、ここではset === sです。 }); 例を通して理解してみましょう: 定数s = 新しいSet([1, 2, 3]); s.forEach(関数(値、キー、セット) { console.log(値、キー、値 === キー); console.log(設定、設定 === s); }); 2 番目のパラメータを見てみましょう。 定数s = 新しいSet([1, 2, 3]); s.forEach(関数(値、キー、セット) { console.log(これを); }、 書類); 5. セットに関する注意事項重複値に対するセットの判定は基本的に厳密な等式 しかし、 6. Setの使用例アレイ重複排除 arr = [1, 2, 1]とします。 const s = new Set(arr); arr = [...s]; // これらを 1 つの文に組み合わせることもできます // arr = [...new Set(arr)]; コンソールにログ出力します。 文字列の重複排除 str = "11231131242"とします。 const s = new Set(str); str = [...s].join(""); // 1 つの文として記述することもできます // str = [...new Set(str)].join(""); コンソールログ(str); DOM要素の保存 <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <meta http-equiv="X-UA-compatible" content="IE=edge"> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0"> <title>設定</title> </head> <本文> <p>1</p> <p>2</p> <p>3</p> <スクリプト> const s = new Set(document.querySelectorAll('p')); s.forEach((要素) => { console.log(要素) }); </スクリプト> </本文> </html> 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
この記事では、MySQL ビューの原理と使用法についてまとめます。ご参考までに、詳細は以下の通りです...
フレームセット ページは通常の Web ページとは多少異なります。依然として <HTML>...
最近Ubuntu 20.04をインストールしましたが、Wi-Fiに接続できず、Wi-Fiアイコンも表...
基本的な HTML Web ページ タグのネスト ルールを紹介する場合、最初に説明する必要があるのは...
1. 組み込みソフトウェアレベル 1) ブートローダ -> ブートローダ組み込みシステム全体の...
パフォーマンスの黄金律:エンドユーザーの応答時間のわずか 10% ~ 20% が HTML ドキュメ...
MySQL 8.0.19 では、間違ったパスワードを 3 回入力するとアカウントがロックされるよう...
参考までにmysql5.5.28のインストールチュートリアルです。具体的な内容は次のとおりです。イン...
目次1. 準備2. MySQL暗号化関数方式2.1 MySQL 暗号化2.2 MYSQL 復号化3....
表の構造は以下のとおりです。記事数は690件のみです。 記事テーブル article(id,titl...
01. VMware Workstation Pro 15 のダウンロードダウンロード: VMwa...
JavaScript 入門JavaScript は軽量なインタープリタ型の Web 開発言語です。言...
1. Dockerはローカルイメージをインポートする場合によっては、イメージをローカルまたは別の友人...
フロントエンド開発を行っている初心者の学生を多く見かけますが、彼らの効率は比較的遅いです。常にコード...
学習目標: Windowsシステムを使用してMySQLデータベースをインストールする方法を学びます。...