Rumah >hujung hadapan web >tutorial js >ES6的set数据结构和map数据结构

ES6的set数据结构和map数据结构

php中世界最好的语言
php中世界最好的语言asal
2018-03-10 15:04:081851semak imbas

这次给大家带来ES6的set数据结构和map数据结构,使用ES6的set数据结构和map数据结构注意事项有哪些,下面就是实战案例,一起来看一下。

set数据结构:(每一项都不一样)

API:  add(); delete();clear();has();size属性;

let arr=["wowo","hh","web"];
let setArr = new Set(arr);
console.log(setArr );      //Set(3) {"wowo", "hh", "web"}
typeof setArr                  // object
setArr.add("呵呵哒");
console.log(setArr );      //Set(4) {"wowo", "hh", "web","呵呵哒"}
                                      //其实追加的位置并没有顺序;
setArr.delete("wowo");
console.log(setArr);      //Set(3) { "hh", "web","呵呵哒"}

clear();会情况全部内容;has返回true或false;

用for of 或 foreach()来遍历 set数据结构;

WeakSet数据结构;

需要先声明对象之后然后add进去;不然会报错;在这 weakSet数据结构只能存放对象,且不能被遍历;

Map数据结构:(API set( ); get( );  delete( ); has(); clear(); size() )

先看看一个一个普通的json对象:

let  json ={"name":"liuliu","age":23};

console.log(json.name); 这个过程中取到name的值,是会循环json中的每个属性的;

而map不一样它是按映射存放的而且 key,val 可以为其他任何数据类型:

let map =new Map();
map.set("age","22");
map.get("age") //22;
map.has("age") //true;
map.delete("age");
map.size;        //0;

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

ES6的字符串模板详解

ES6的解构赋值详解

ES6的变量的作用域与声明详解

Atas ialah kandungan terperinci ES6的set数据结构和map数据结构. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:ES6对象的赋值与SymbolArtikel seterusnya:js数据类型的转换实例