3

new Setに入門するためMDNを読んでいるとentries、keys、valuesメソッドを解説を読みました

するとまったく同一のことがkeysとvaluesでできるらしいのですが、わざわざ同じものを用意しておくと便利なのはいつでしょうか?

またentriesも同じvalueが2つ入った配列を返すだけで、存在意義がわかりませんが具体的な使用例、これでしかできない、などはあるのでしょうか?

Set - JavaScript | MDN

  • Set.prototype.keys()
    values() 関数と同じです。挿入順に Set オブジェクト内の各要素に対する値を含む新しい Iterator オブジェクトを返します。

  • Set.prototype.values()
    挿入順に Set オブジェクト内の各要素に対する values を含む新しい Iterator オブジェクトを返します。

  • Set.prototype.entries()
    挿入順に Set オブジェクト内の各要素に対して [value, value] の配列を含む新しい Iterator オブジェクトを返します。これは Map オブジェクトに似させています。そのため、各エントリーは keyvalue が同じ値になります。

1
  • 蛇足ですが、 Set.prototype.keys === Set.prototype.valuestrue を返します。
    – supa
    Commented 2020年1月13日 12:38

1 件の回答 1

1

Set.prototype.values() - JavaScript | MDN

values() メソッドは、挿入順で Set オブジェクト内の各要素の値を含んだ、新しい Iterator オブジェクトを返します。

keys() メソッドは( Map オブジェクトとの類似性のため)このメソッドに対するエイリアスです。まったく同じように動作し、Set の各要素の値を返します。

とあります。

ここで、突然ですが下記のshow関数を考えてみましょう。
このshow関数は引数に受け取ったオブジェクトのkeys()メソッドからイテレーターを取得し、その中身を表示するものです。

function show(o) {
    const iterator = o.keys()

    while (true) {
        let result = iterator.next();
        if (result.done) {
            break
        }
        console.log(result.value)
    }
}

Setkeys()メソッドが生えているおかげで、このshow関数MapオブジェクトSetオブジェクトも受け取ることができますね。

全体を示したサンプルコードは下記です。

const s = new Set([1, 2, 3])
const m = new Map([
  [1, 'one'],
  [2, 'two'],
  [3, 'three'],
])

show(s)
show(m)

function show(o) {
    const iterator = o.keys()

    while (true) {
        let result = iterator.next();
        if (result.done) {
            break
        }
        console.log(result.value)
    }
}

このようなshow関数が実用的かどうかは別として、このようにダックタイピングできるように用意されていると考えられます。

Mapのキーも、Setも重複の無いものを保存するという点において類似性があります。
このため両方にkeys()メソッドが用意されていると、今回のshow関数のように同じように扱うことができて便利なときがあるかもしれません。

entries()メソッドも同様で、
下記のshow2関数のような使い方で、MapSetを同じように扱えます。

function show2(o) {
    const iterator = o.entries()

    while (true) {
        let result = iterator.next();
        if (result.done) {
            break
        }
        console.log(result.value[0])
    }
}
0

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。