NEW ARTICLE
Google スライド テキストをインデントするショートカットキー
  1. HOME
  2. javascript
  3. javascript Setを逆順して処理を実行する

javascript Setを逆順して処理を実行する

javascript Setを逆順して処理を実行する

javascriptで、Setを逆順して処理を実行するサンプルコードを掲載してます。ブラウザはchromeで実行しています。「Set」をスプレッド構文で配列化してから、配列を逆順にする「reverse()」を使用します。

目次

環境

  • OS windows11 pro 64bit
  • ブラウザ chrome 109.0.5414.120
Javascript サンプル集はこちら

Setを逆順して処理を実行

Setを逆順して処理を実行するには、
1. スプレッド構文で配列化
2. 配列化したものを「reverse()」で反転
3. 「forEach」などのループ処理で値を取得
で可能です。

スプレッド構文の使い方
アロー関数のサンプル
const s = new Set(['aaa', 'bbb', 'ccc']);

const reversedArr = [...s].reverse();

reversedArr.forEach((v) => {
  console.log(v); // ccc bbb aaa
});

実行結果

値が1つしか存在しない場合は、結果に変化はありません。

const s = new Set(['aaa']);

const reversedArr = [...s].reverse();

reversedArr.forEach((v) => {
  console.log(v); // aaa
});

配列化するのに「Array.from」を使用することも可能です。

const s = new Set(['aaa', 'bbb', 'ccc']);

const reversedArr = Array.from(s).reverse();

reversedArr.forEach((v) => {
  console.log(v); // aaa
});

逆順のsetを生成

逆順にしたSetを生成するには、「new Set()」に逆順になった「配列」を引数に指定します。

const s = new Set(['aaa', 'bbb', 'ccc']);

const reversedArr = Array.from(s).reverse();

const reversedSet = new Set(reversedArr);

console.log(reversedSet); // Set(3) {'ccc', 'bbb', 'aaa'}