이 글은 JavaScript의 Set 객체에 대한 소개를 제공합니다(예제 포함). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. Set 개체 인스턴스 만들기
Set 개체를 사용하면 기본 값이든 개체 참조이든 상관없이 모든 유형의 고유한 값을 저장할 수 있습니다.
iterable 반복 가능한 객체가 전달되면 모든 요소가 새 Set에 추가됩니다. 이 매개변수가 지정되지 않거나 해당 값이 null이면 새 Set은 비어 있습니다.
let arr = [1,2,2,3]; let mySet = new Set(arr); console.log(mySet); // Set(3) {1, 2, 3}
1.size 속성은 Set 개체
let mySet = new Set(); mySet.add(1); mySet.add(5); mySet.add("some text"); console.log(mySet.size); // 33의 요소 수를 반환합니다. 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
Parameter: value 삭제할 요소
반환 값: 성공적으로 삭제되면 true를 반환하고, 그렇지 않으면 false
let mySet = new Set(); mySet.add("foo"); mySet.delete("foo"); // 返回 true,删除成功 console.log(mySet.size); // 0
3에서 모든 요소를 지우는 데 Clear() 메서드가 사용됩니다. Set object
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
에 있는지 여부를 나타내는 부울 값을 반환합니다.
값은 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()
반환 값: 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()
반환 값: 원래 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()
매개변수:
콜백 사용 .위 내용은 JavaScript의 Set 객체 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!