ES6-----學習系列十(set-map數據結構)

来源:http://www.cnblogs.com/diasa-fly/archive/2017/06/14/7008583.html
-Advertisement-
Play Games

一、set數據結構 (使用 new來創建一個set集合 通過add方法添加元素 通過size來獲取set集合的長度) 還有另外一種初始化的方式(通過直接把數組傳遞進去) set裡面的元素不可以重覆(可以通過set的這個特性進行數組去重,註意:轉化過程中不會進行 數據類型轉化) set的一些方法(ad ...


一、set數據結構 (使用  new來創建一個set集合   通過add方法添加元素   通過size來獲取set集合的長度) 

{
  let list = new Set();
  list.add(5);
  list.add(7);

  console.log('size',list.size);
}

  還有另外一種初始化的方式(通過直接把數組傳遞進去)

{
  let arr = [1,2,3,4,5];
  let list = new Set(arr);

  console.log('size',list.size);
}

  set裡面的元素不可以重覆(可以通過set的這個特性進行數組去重,註意:轉化過程中不會進行 數據類型轉化)

{
  let list = new Set();
  list.add(1);
  list.add(2);
  list.add(1);//不會報錯 只是不會生效

  console.log('list',list);

  let arr=[1,2,3,1,'2'];
  let list2=new Set(arr);

  console.log('unique',list2);
}

  set的一些方法(add ,delete,clear,has) 

{
  let arr=['add','delete','clear','has'];
  let list=new Set(arr);

  console.log('has',list.has('add'));//是否包含
  console.log('delete',list.delete('add'),list);//清空
  list.clear();
  console.log('list',list);
}

  set的遍歷(keys和values返回的都是set裡面的值)

{
  let arr=['add','delete','clear','has'];
  let list=new Set(arr);

  for(let key of list.keys()){
    console.log('keys',key);
  }
  for(let value of list.values()){
    console.log('value',value);
  }
  for(let [key,value] of list.entries()){
    console.log('entries',key,value);
  }

  list.forEach(function(item){console.log(item);})
}

  WeakSet(裡面的元素只能是對象,並且不會檢測所添加的對象是否在別處引用,沒有size clear 不支持遍歷)

{
  let weakList=new WeakSet();

  let arg={};

  weakList.add(arg);

  // weakList.add(2);

  console.log('weakList',weakList);
}

二、Map數據結構(Map是通過key/value進行設置的,所以設置用set方法,獲取使用get方法)  

{
  let map = new Map();
  let arr=['123'];

  map.set(arr,456);

  console.log('map',map,map.get(arr));
}

  Map的另外一種定義方式(同時size delete clear方法一樣)

{
  let map = new Map([['a',123],['b',456]]);
  console.log('map args',map);
  console.log('size',map.size);
  console.log('delete',map.delete('a'),map);
  console.log('clear',map.clear(),map);
}

  weakMap數據結構(和setMap的特性一致)

{
  let weakmap=new WeakMap();

  let o={};
  weakmap.set(o,123);
  console.log(weakmap.get(o));
}

 

    


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • SignalR 是微軟支持的一個運行在 Dot NET 平臺上的 html websocket 框架。(自動判別通訊機制) ...
  • 項目背景是外包類建站公司里,設計環節沉澱了大量可復用組件,設計師往往只需要微調組件就拼湊出頁面,交付給前端,理論上這些組件在前端也可以復用,但實際上前端每次都要重新實現整個頁面,浪費很多人力。 這個項目的思路是,將所有組件開發出來,統一錄入到一個平臺上管理,設計師可以到平臺上挑選組件,並實時預覽和調... ...
  • 最近用了下bootstrap,雖然好看,但是控制項跟之前用的easyui相差很大,功能太少,不得不自己寫。 花了幾個小時把tabs控制項擴展了下。下麵是代碼 頁面代碼: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Typ ...
  • 親測POST和GET都可以正常使用,如果你有更好的建議請指出~ 目前跟jquery的GET和POST一樣效果 一個GET方式的線上DEMO 其他: 關於xhrRequest.readyState請參考MDN:https://developer.mozilla.org/zh-CN/docs/Web/A ...
  • jQuery 效果 - toggle() 方法 定義和用法 toggle() 方法切換元素的可見狀態。 如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。 語法 可選。規定元素從可見到隱藏的速度(或者相反)。預設為 "0"。 可能的值: 毫秒 (比如 1500) "slow" "n ...
  • 今天遇到了一個問題,要在一個頁面中設置一個半透明的白色div。這個貌似不是難題,只需要給這個div設置如下的屬性即可: background: rgba(255,255,255,.1); 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支持rgba()函數。下麵我們總結一下rgba()函數的含義。 ...
  • 1、盒子模型問題:請CSS重置 2、按鈕不對齊:請浮動或者vertical-align:middle;然後計算寬高,使其對齊 ; 3、IE8文本不居中:line-height屬性 註意:IE8不支持font寫法(或者某個樣式不支持) IE瀏覽器測試到IE8,IE5、6、7慎用。 問題原因:盒子模型 ...
  • 一、 fp.form.submit 有waitMsg 屬性來設置等待效果,如下。但是對於Ext.Ajax.request來說 waitMsg 並不起作用。 fp.form.submit({ 一、 fp.form.submit 有waitMsg 屬性來設置等待效果,如下。但是對於Ext.Ajax.re ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...