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 のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
Ethereum 上で DApps を開発したことがある場合は、フロントエンド JavaScript...
Linux の操作と構成作業では、デュアル ネットワーク カードのバインディングがよく使用されます。...
MacにMySQLデータベースをインストールし、環境変数を設定する手順を参考までに記録します。具体的...
この記事では、マウスがテーブルの行を通過するときにJavaScriptを使用して色ラベルを表示する方...
XML/HTML コードコンテンツをクリップボードにコピー< div クラス= "c...
Docker コンテナ間の相互接続と通信には 3 つの方法があります。 Docker 内部ネットワー...
1. ロゴに代替テキストを追加するこれには 2 つの利点があります。スクリーン リーダーがロゴ画像の...
Docker で Zookeeper を素早くインストール会社を変わってから長らくZookeeper...
vsftpdをインストールする $ sudo apt-get install vsftpd -y v...
rm コマンドrm コマンドは、ファイルを削除するときによく使用されるコマンドです。ファイルまたはデ...
1. データベースのタイムゾーンを確認する '%time_zone' のような変数を...
今日、プログラムが間違った時刻を挿入し、フィールドがデフォルト値 CURRENT_TIMESTAMP...
問題<br />レスポンシブ レイアウトでは、iframe 要素に注意する必要があります...
目次1. ファイル拡張子を取得する2. コンテンツをクリップボードにコピーする3. スリープ時間は何...
ダイナミックレム1. まず、現在の長さの単位を紹介しましょうpx em Mの幅 / 漢字の幅 1em...