本記事では、JavaScriptのSetオブジェクトに値を追加する方法と値を削除する方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
Setオブジェクトに値を追加する方法
Setオブジェクトに値を追加するには、addメソッドを使用します。基本的な使い方は以下のとおりです。
let setObj = new Set();
setObj.add(value);構文解説
- setObj：新しく生成されたSetオブジェクトが代入される
- value：追加したい値を指定
実際に、addメソッドを使用してSetオブジェクトに値を追加してみましょう。
let setObj = new Set();
setObj.add(10).add(20).add(30);
console.log(setObj); // => Set(3) {10, 20, 30}addメソッドは、戻り値にSetオブジェクト(自分自身)を返すので「.」で繋げるメソッドチェーンを使い複数の値を追加することが出来ます。
Setオブジェクトの値を削除する方法
Setオブジェクトの値を削除するには、deleteメソッドを使用します。基本的な使い方は以下のとおりです。
let setObj = new Set([10, 20, 30]);
let result = setObj.delete(value);構文解説
- setObj：新しく生成されたSetオブジェクトが代入される
- result：boolean値を返す*
- value：削除したい値を指定
*resultに代入される戻り値は、値の削除に成功した場合はtrueを、失敗した場合はfalseを返します。
実際に、deleteメソッドを使用してSetオブジェクトの値を削除してみましょう。
let setObj = new Set([10, 20, 30]);
let result1 = setObj.delete(10);
let result2 = setObj.delete(50);
console.log(result1); // => true
console.log(result2); // => false
console.log(setObj); // => Set(2) {20, 30}全ての値を削除したい場合
Setオブジェクトの全ての値を削除したい場合は、clearメソッドを使用します。clearメソッドは引数の指定などはせず、削除したいSetオブジェクトにclearメソッドを使用することで全ての値が削除されます。
let setObj = new Set([10, 20, 30]);
setObj.clear();
console.log(setObj); // => Set(0) {size: 0}
