>  기사  >  웹 프론트엔드  >  JavaScript의 Set 객체 소개(예제 포함)

JavaScript의 Set 객체 소개(예제 포함)

不言
不言앞으로
2018-10-18 16:51:497168검색

이 글은 JavaScript의 Set 객체에 대한 소개를 제공합니다(예제 포함). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. Set 개체 인스턴스 만들기

Set 개체를 사용하면 기본 값이든 개체 참조이든 상관없이 모든 유형의 고유한 값을 저장할 수 있습니다.

1. 구문: new Set([ iterable])

매개변수:

iterable 반복 가능한 객체가 전달되면 모든 요소가 새 Set에 추가됩니다. 이 매개변수가 지정되지 않거나 해당 값이 null이면 새 Set은 비어 있습니다.

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

2. 인스턴스 속성 설정

1.size 속성은 Set 개체

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

3의 요소 수를 반환합니다. Set 인스턴스 메서드

1.add() 메서드는 지정된 값을 개체의 끝에 추가하는 데 사용됩니다. Set object

구문: mySet.add(value)

매개변수: value 필수, Set object

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

    console.log(mySet); // Set [1, 5, "some text"]

2.delete() 메소드에 추가해야 하는 요소의 값은 Set에서 지정된 요소를 삭제할 수 있습니다. object

Syntax: mySet.delete (value)

Parameter: value 삭제할 요소

반환 값: 성공적으로 삭제되면 true를 반환하고, 그렇지 않으면 false

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

3에서 모든 요소를 ​​지우는 데 Clear() 메서드가 사용됩니다. Set object

구문: ​​mySet.clear()

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

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

4.has() 메서드는 해당 값이 Set object

구문: ​​mySet.has(value)

에 있는지 여부를 나타내는 부울 값을 반환합니다.

값은 Set에 존재하는지 여부에 따라 필수입니다. 값

반환 값: 지정된 값(값)이 Set 객체에 존재하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

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

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

5.entries()

Syntax : mySet.entries()

반환 값: a new [value, value] 형식을 포함하는 배열 반복자 객체, value는 주어진 컬렉션의 각 요소이고 반복자 객체 요소의 순서는 요소가 정렬되는 순서입니다. 컬렉션 객체에 삽입

    let mySet = new Set();
    mySet.add("foobar");
    mySet.add(1);
    mySet.add("baz");

    let setIter = mySet.entries();

    console.log(setIter.next().value); // ["foobar", "foobar"]
    console.log(setIter.next().value); // [1, 1]
    console.log(setIter.next().value); // ["baz", "baz"]

6.values()

구문: ​​mySet.values() 또는 mySet.keys()

반환 값: 원래 Set 객체의 각 요소를 순서대로 포함하는 Iterator 객체를 반환합니다. Set 객체가 삽입된

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

    let setIter = mySet.values();
    console.log(setIter.next().value); // "foo"
    console.log(setIter.next().value); // "bar"
    console.log(setIter.next().value); // "baz"

7.forEach()

구문: mySet.forEach(callback[, thisArg])

매개변수:

                                                                                         콜백 사용                .

위 내용은 JavaScript의 Set 객체 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제