ES6에서는 새로운 데이터 구조인 Set을 제공합니다. Set 객체는 배열이 아니며 객체 또는 기본 유형을 저장하는 데 사용할 수 있습니다. 유일한 Chrome 브라우저>38 및 FF>13과 nodeJS는 Set을 잘 지원합니다. 다음 코드 중 일부는 콘솔에 복사할 수 있습니다.
Set 인스턴스를 생성하는 기본 방법은 다음과 같습니다.
let set = new Set(); //或者 new Set(null); console.log(set);
또는 다음과 같습니다.
let set = new Set([1,2,3,4,4,4,4,4]); console.log( Array.from(set) ); //输出:[ 1, 2, 3, 4 ]
보시다시피 위에서 반복된 4번만 저장됩니다. set One에서는 Set 개체를 사용하여 배열을 중복 제거할 수 있습니다.
Set을 사용하여 NaN을 저장하고 정의되지 않은 경우도 있습니다. , Set은 NaN이 하나만 있다고 생각할 것입니다(실제로는 NaN!=NaN);
인스턴스 Set 이후의 개체에는 다음과 같은 속성 및 메서드가 있습니다:
속성
Set.prototype
Set.prototype.size
방법
Set. 프로토타입.add()
설정.prototype.clear()
Set.prototype.delete()
Set.prototype.entries()
Set.prototype.forEach()
설정. 프로토타입.has()
Set.prototype.values()
Set.prototype[@@iterator]()
Set실제로 이러한 유형의 데이터 구조를 배열으로 시뮬레이션합니다. 원본과 비교할 수는 없지만 위 목록의 메서드 및 속성 중 일부만 시뮬레이션할 수 있습니다. 또한 실현할 수 없는 기능도 있습니다. Set 인스턴스의 [Symbol.species]는 자신을 가리키지만 크롬에는 [Symbol.species] 같은 것이 없습니다...)
배열을 사용하세요 Set 생성자를 시뮬레이션하려면:
<html> <head> <meta charset="utf-8"> </head> <body> <script> "use strict"; class Set { //对_set进行去重; static refresh () { let _this = this; let __set = [] this._set.forEach(function(obj) { if( __set.indexOf(obj) === -1 && obj!=undefined) { __set.push(obj); } }); _this._set =__set; this.size = _this._set.length; } constructor(arg) { this.size = 0; this[Symbol.species] = this; this._set = Array.isArray(arg)&&arg||[]; Set.refresh.call(this) } add (obj) { this._set.push(obj); Set.refresh.call(this) return this; } clear () { this._set.length = 0; return this; } delete (obj) { if( this._set.indexOf(obj)!=-1 ) { this._set[this._set.indexOf(obj)] = undefined; }; Set.refresh.call(this); return this; } /** * @desc * @return Entries [[],[],[],[]] * */ entries () { let result = []; this.forEach(function(key, value) { result.push([key,value]); }); return result; } has () { if( this._set.indexOf(obj)!=-1 ) return true; } keys () { return this[Symbol.iterator](); } values () { return this[Symbol.iterator](); } //直接使用数组的forEach方便啊; forEach (fn, context) { let _this = this; this._set.forEach((value) => fn.call(context||value, value, value, _this) ); } //必须支持生成器的写法; *[Symbol.iterator] (){ let index = 0; let val = undefined; while(index<this.size) { val = this._set[index]; yield val; index++; } } } var set = new Set([0,0]); //对Set进行基本的操作; set.add(1).add(2).add(3).add({1:1}) set.delete(1); set.add(1); //使用Set的forEach方法; set.forEach(function(key,value,s){console.log(key,value,s,"this")},{this:"this"}) //检测生成器是否正常运行; for(let s of set) { console.log(s) } //因为这个对象有Symbol.iterator, 所以使用扩展符也是好使的; console.log([...set]); </script> </body> </html>
인스턴스 속성 설정:
size 속성 :size는 이 Set의 길이를 나타내며 배열의 길이와 동일한 효과가 있습니다. "
constructor 속성: 이 속성은 Set 생성자를 가리키며 이 코드를 구현할 수 있습니다(새 Set).constructor === Set //출력: true
Set 인스턴스 메서드:
add 메소드, 세트에 데이터 추가;
<script> Array.from((new Set([1,2])).add(3)); // 输出:[1, 2, 3] </script>
clear 메소드, 세트의 데이터 지우기
let set = (new Set([1,2,3,4])); set.clear(); Array.from(set);
delete 메소드, 세트에서 지정된 데이터 삭제:
let set = (new Set([1,2,3,4])); set.delete(1); Array.from(set); //输出:[2, 3, 4]
항목 방법:
let set = (new Set([1,2,3,4])); Array.from(set.entries());
forEach 방법: set의 forEach에는 두 개의 매개변수가 있습니다. 첫 번째 매개변수는 함수이고 두 번째 매개변수는 필요하지 않습니다. 두 번째 매개변수가 전달되면 함수의 컨텍스트 this는 다음과 같습니다. 전달하는 두 번째 매개변수:
<script> let set = (new Set([1,2,3,4])); set.forEach(function() { console.log(arguments); console.log(this) },"1111"); </script>
출력:
에는 이 집합이 지정된 값을 가지고 있는지 확인하고 false 또는 true를 반환하는 메서드가 있습니다. 🎜>
<script> let set = (new Set([1,2,3,4])); console.log(set.has(1)) //输出:true; console.log(set.has(5)) //输出:false </script>keys 메서드와 value() 메서드는 모두 반복자를 반환합니다.
<script> let set = new Set([1,2,3,4]); console.log(set.keys()); console.log(set.values()); var keys = set.keys(); for(let key of keys) { console.log(key); }; </script>@@iterator() 메서드는 @iterator 메서드가 set의 기본 반복자입니다.
<script> let set = new Set([1,2,3,4]); let setIner = set[Symbol.iterator](); console.log(setIner.next().value) //输出:1 console.log(setIner.next().value) //输出:2 console.log(setIner.next().value) //输出:3 console.log(setIner.next().value) //输出:4 </script>실제로 set[Symbol.iterator]를 재정의할 수 있지만 Impact 세트의 키와 값 메서드에는 영향을 미치지 않습니다.전체 데모:
var mySet = new Set(); //往mySet里面添加数据, 1 , 5 mySet.add(1); mySet.add(5); mySet.add("some text"); //添加对象 var o = {a: 1, b: 2}; mySet.add(o); mySet.has(1); // 返回:true mySet.has(3); // 返回:false mySet.has(5); // 返回:true mySet.has(Math.sqrt(25)); // 返回:true mySet.has("Some Text".toLowerCase()); // t返回:rue mySet.has(o); // 返回:true mySet.size; // 4 mySet.delete(5); // 从mySet里面删除5 mySet.has(5); // 输出:false, 5 已经被删除了 mySet.size; // 现在的长度为:3 // 通过 for...or循环获取数据; // 输出: 1, "some text" for (let item of mySet) console.log(item); // 输出: 1, "some text" for (let item of mySet.keys()) console.log(item); // 输出: 1, "some text" for (let item of mySet.values()) console.log(item); // 输出: 1, "some text", 对于Set来说:key和value是一样的 for (let [key, value] of mySet.entries()) console.log(key); // 把迭代器转化为数组的第一种方式; var myArr = [v for (v of mySet)]; // [1, "some text"] // 把迭代器转化为数组的第二种方式; var myArr = Array.from(mySet); // [1, "some text"] // 也可以用next()方法,手动去获取每一个值;Set의 실제 사용: 교집합과 합집합을 편리하게 수행하려면 set을 사용하세요. 합집합을 찾으면 두 가지 이상의 해결책이 제공될 수 있습니다.
var union = (setA, setB) => { //[...setA]这种方式目前只有babel才支持 return new Seet([...setA,...setB]); }; var union = (setA, setB) => { return new Set(Array.from(setA).concat(Array.from(setB))); }이 방법으로 교차점을 얻습니다.
var intersect = (set1, set2) => { //return [x for (x of set1) if (set2.has(x))]; 这种写法完全不行嘛.... var resultSet = new Set(); for(let set of set1) { if(set2.has(set)) { resultSet.add(set); }; }; return resultSet; };다음 코드는 더 짧고 멋지네요. 이 메서드는 http://es6.ruanyifeng.com/#docs/set-map;
var intersect = (set1, set2) => { return new Set([...set1].filter(x => set2.has(x))); } console.log(intersect(new Set([1,2,3,4]), new Set([2,3,4,5]))); //输出:Set {2,3,4}에서 제공됩니다. 약하게 참조됨
WeakSet
WeakSet 객체는 객체 값의 모음이며, 그 안의 각 객체 값은 WeakSet의 요소만 저장할 수 있습니다. 객체 유형 (예: Object, Array , Function 등), WeakSet, 다른 객체가 해당 객체를 참조하지 않으면 해당 객체는 자동으로 재활용됩니다. <script>
console.log(new WeakSet([{},[],()=>({1:1})]));
</script>
WeakSet 객체에는 세 가지 메서드만 있습니다. 크기 속성이 없습니다.
weakSet.has();
- 객체에 참조가 없는 경우 WeakSet은 개체는 참조되지 않은 개체가 차지한 메모리를 회수합니다. 다음 데모를 실행한 후 잠시 후(제 크롬 브라우저
10S에서 효과를 볼 수 있습니다) 콘솔을 다시 살펴보세요.
<script> var ws = new WeakSet() var obj = {}; ws.add(obj); ws.add([]) setInterval(()=>{ console.log(ws); },1000) </script>
weakSet - 은 DOM 노드를 저장하는 데 사용할 수 있습니다. 노드가 삭제되면
weakSet의 내용은 이 노드에 대한 다른 참조가 없으면 재활용됩니다.
위 내용은 ES6의 새로운 기능인 JavaScript의 Set 및 WeakSet 유형 데이터 구조에 대한 코드와 기타 관련 내용에 대한 자세한 소개입니다. PHP 중국어 웹사이트를 참고하세요. (www.php.cn)!

在es6中,可以利用“Array.isArray()”方法判断对象是否为数组,若判断的对象是数组,返回的结果是true,若判断对象不是数组,返回的结果是false,语法为“Array.isArray(需要检测的js对象)”。

es6中遍历跟迭代的区别是:遍历强调的是要把整个数据依次全部取出来,是访问数据结构的所有元素;而迭代虽然也是依次取出数据,但是并不保证取多少,也不保证把所有的数据取完,是遍历的一种形式。

在es6中,可用Object对象的is()方法来判断两个对象是否相等,该方法检测两个变量的值是否为同一个值,判断两个对象的引用地址是否一致,语法“Object.is(对象1,对象2)”;该方法会返回布尔值,若返回true则表示两个对象相等。

转换方法:1、利用“+”给数字拼接一个空字符,语法“数字+""”;2、使用String(),可把对象的值转换为字符串,语法“String(数字对象)”;3、用toString(),可返回数字的字符串表示,语法“数字.toString()”。

在es6中,assign用于对象的合并,可以将源对象的所有可枚举属性复制到目标对象;若目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性,语法为“Object.assign(...)”

改变方法:1、利用splice()方法修改,该方法可以直接修改原数组的内容,语法为“数组.splice(开始位置,修改个数,修改后的值)”;2、利用下标访问数组元素,并重新赋值来修改数组数据,语法为“数组[下标值]=修改后的值;”。

sort排序是es6中的;sort排序是es6中用于对数组的元素进行排序的方法,该方法默认不传参,按照字符编码顺序进行排序,排序顺序可以是字母或数字,并按升序或降序,语法为“array.sort(callback(a,b))”。

在es6中,import as用于将若干export导出的内容组合成一个对象返回;ES6的模块化分为导出与导入两个模块,该方法能够将所有的导出内容包裹到指定对象中,语法为“import * as 对象 from ...”。


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경
