ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript での Set オブジェクトの概要 (例付き)

JavaScript での Set オブジェクトの概要 (例付き)

不言
不言転載
2018-10-18 16:51:497123ブラウズ

この記事では、JavaScript の Set オブジェクトについて説明します (例を示します)。必要な方は参考にしていただければ幸いです。

1. Set オブジェクト インスタンスの作成

Set オブジェクトを使用すると、プリミティブ値でもオブジェクトでも、任意の型の一意の値を保存できます。 Reference

#1.Constructor

構文: new Set([iterable])

Parameters:
iterable 反復可能なオブジェクトが渡されると、そのすべての要素が新しいオブジェクトに追加されます。 Set; このパラメータが指定されていないか、その値が null の場合、新しい Set は空になります。Set インスタンス属性

1.size 属性が返されます。 Set オブジェクト

    let arr = [1,2,2,3];
    let mySet = new Set(arr);
    console.log(mySet); // Set(3) {1, 2, 3}

3 の要素の数。Set インスタンス メソッド

1.add() メソッドは、指定された値を末尾に追加するために使用されます。 Set object構文: mySet.add(value)

パラメータ: 必須の値、Set object

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5);
    mySet.add("some text");
    console.log(mySet.size); // 3

2 に追加する必要がある要素の値。 Set オブジェクトから delete() メソッドを使用できます。

## で指定された要素を削除します。 構文: mySet.delete(value)

パラメーター: value 削除する要素

#戻り値: 削除に成功した場合は true を返し、それ以外の場合は false を返します

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5).add("some text"); // 可以链式调用

    console.log(mySet); // Set [1, 5, "some text"]
3.clear() メソッドは Set オブジェクト内のすべての要素をクリアするために使用されます

##構文: mySet.clear()

    let mySet = new Set();
    mySet.add("foo");
    mySet.delete("foo"); // 返回 true,删除成功
    console.log(mySet.size); // 0

4.has() メソッドは、対応する値 value が Set オブジェクトに存在するかどうかを示すブール値を返します。

構文: mySet.has(value)

パラメータ:

Set オブジェクトに存在するかどうかにかかわらず、値は必須です。

#戻り値: 指定された値 (値) が Set オブジェクトに存在する場合は true を返し、それ以外の場合は false を返します。 ##5.entries()

構文: mySet.entries()

戻り値: [値, 値] の形式を含む新しい配列反復子オブジェクト。値は指定された要素の各要素です。コレクション、反復子オブジェクト要素の順序はコレクション オブジェクト内の要素です。 挿入順序

    let mySet = new Set();
    mySet.add(1);
    mySet.add("foo");
    console.log(mySet.size);       // 2

    mySet.clear();
    console.log(mySet.size);       // 0
6.values()

構文: mySet.values() または mySet.keys()

戻り値: Iterator オブジェクトを返します。このオブジェクトには、元の Set オブジェクトの各要素が Set オブジェクトが挿入された順序で含まれます

    let mySet = new Set();
    mySet.add("foo");

    console.log(mySet.has("foo"));  // true
    console.log(mySet.has("bar"));  // false
7.forEach()

構文: mySet.forEach(callback[, thisArg])

パラメータ:

要素ごとに実行されるコールバック関数

thisArg コールバック関数を実行する場合、次のように使用できます。

rreeee

以上がJavaScript での Set オブジェクトの概要 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。