首頁  >  文章  >  web前端  >  ES6的set資料結構和map資料結構

ES6的set資料結構和map資料結構

php中世界最好的语言
php中世界最好的语言原創
2018-03-10 15:04:081795瀏覽

這次帶給大家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的變數的作用域與宣告詳解

#

以上是ES6的set資料結構和map資料結構的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn