es6의 설정 방법은 무엇입니까?

es6 설정 방법은 두 가지 범주로 나눌 수 있습니다: 1. 작업 방법 "add(value)", "delete(value)", "has(value)",clear() 2. 순회 방법 키(), 값 (), 항목(), forEach().

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES6은 새로운 데이터 구조 세트를 제공합니다. 배열과 유사하지만 멤버의 값이 고유하고 중복되는 값이 없습니다.

우리는 집합을 집합이라고 부르는 경우가 많지만 집합은 집합일 수 있고 집합이 반드시 집합일 필요는 없습니다.

특징: 고유성 => 중복 없음 => 데이터 중복 제거 기능.

Create Set

Set 자체는 생성자이며 생성자는 Set 데이터 구조를 생성하기 위해 호출됩니다.

关键词　标识符　= new Set();

예제

let i = new Set();

Set 함수는 데이터 초기화를 위한 매개변수로 배열(또는 배열 유사 객체)을 받아들일 수 있습니다.

let i = new Set([1, 2, 3, 4, 4]);  //会得到　　set{1, 2, 3, 4,}

참고: 초기화 중에 중복된 값이 제공되면 자동으로 제거됩니다. 컬렉션에는 리터럴 선언 방법이 없으며 new 키워드를 사용해서만 선언할 수 있습니다.

Set의 속성

일반적으로 사용되는 속성은 하나뿐입니다: size--Set 인스턴스의 총 구성원 수를 반환합니다.

let s = new Set([1, 2, 3]);
console.log( s.size ); // 3

Set

Set 인스턴스 메서드의 메서드는 작업 메서드(데이터 작업용)와 순회 메서드(데이터 순회용)의 두 가지 범주로 나뉩니다.

작업 방법:

• add(value)　데이터를 추가하고 새로운 Set 구조를 반환

• delete(value)　데이터를 삭제하고 삭제 성공 여부를 나타내는 부울 값을 반환

• has( 값)　특정 데이터가 있는지 확인하고 부울 값을 반환합니다

• clear()　　모든 데이터를 지우고 반환 값은 없습니다

let set = new Set([1, 2, 3, 4, 4]);
// 添加数据 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}

// 删除数据 4s
let delSet = set.delete(4);
console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功

// 查看是否存在数据 4
let hasSet = set.has(4);
console.log(hasSet); // false

// 清除所有数据
set.clear();
console.log(set); // Set(0) {}

Traversal 메서드:

Set은 세 가지 탐색자 생성 함수와 Traversal을 제공합니다. 방법.

• keys()　　 키 이름의 순회자를 반환합니다

• values()　　 키 값의 순회자를 반환합니다

• entries()　　 키-값 쌍의 순회자를 반환합니다

• forEach()를 사용하세요. 각 멤버를 순회하는 콜백 함수

let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
 console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
 console.log(item)
})
// red
// green
// blue

[추천 학습: javascript 고급 튜토리얼]

위 내용은 es6의 설정 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!