ES6學習筆記之Set

xbynet 發布于2019-08-02 16:16 / 3326人閱讀

摘要：結構默認可遍歷對象所以可以之間使用循環遍歷擴展運算符內部使用循環，所以也可以用于結構。如果想遍歷的同時改變數組有兩種方法可以選擇的值是的值是初次擬寫不斷更新添加筆記

Set

基本屬性它和數組類似，但是數組中的成員值是唯一的沒有重復值，Set本身是一個構造函數用來生產一個數據結構

let arr = [1,2,3,3,4,5,5,6,5];
let content = new Set(arr);
console.log(content) //1,2,3,4,5,6

set實例和方法

Set結構的實例有以下屬性

構造函數，默認就是set函數：Set.prototype.constructor

返回總數，Set.prototype.size可以簡寫為Set.size

操作方法和遍歷方法

add(value)	delete(value)	has(value)	clear()
添加數值返回set本身	刪除某個值返回布爾值表示是否成功刪除	返回布爾值查看該值是否存在與set	清除所有set成員不返回值
keys( )	values( )	entries( )	forEach( )
返回鍵名的遍歷器	返回鍵值的遍歷器	返回鍵值對的遍歷器	使用回調遍歷每一項
map( )	filter( )
遍歷返回新數組	過濾篩選數值

Array.from方法可以把Set結構轉化為數組

var items = new Set([1, 2, 3, 4, 5]);
var array = Array.from(items);

去重方法

function ces(array) {
  return Array.from(new Set(array));
}
ces([......])
     //let arr = [1,2,2,3,4,3,6,5];
let unique = [...new Set(arr)];

遍歷測試

//通用測試屬性    
let set = new Set(["red", "green", "blue"]);

//依次替換set屬性測試
for (let item of set.keys()) {
  console.log(item);
}
//由于Set結構沒有鍵名，只有鍵值（或者說鍵名和鍵值是同一個值），所以key方法和value方法的行為完全一致。

Set結構默認可遍歷對象所以可以之間使用for ... of循環??遍歷set

for (let x of set) {
  console.log(x);
}

//擴展運算符（...）內部使用for...of循環，所以也可以用于Set結構。
let arr = [...set];

如果想遍歷的同時改變數組有兩種方法可以選擇

//map()
let set = new Set([1, 2, 3]);
set = new Set([...set].map(val => val * 2));
// set的值是2, 4, 6

//Array.from()
let set = new Set([1, 2, 3]);
set = new Set(Array.from(set, val => val * 2));
// set的值是2, 4, 6

初次擬寫～不斷更新添加筆記

云服務器 GPU云服務器學習筆記學習筆記一基礎學習筆記深度學習筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/54989.html

ES6學習筆記之Set

摘要：結構默認可遍歷對象所以可以之間使用循環遍歷擴展運算符內部使用循環，所以也可以用于結構。如果想遍歷的同時改變數組有兩種方法可以選擇的值是的值是初次擬寫不斷更新添加筆記 Set 基本屬性它和數組類似，但是數組中的成員值是唯一的沒有重復值，Set本身是一個構造函數用來生產一個數據結構 let arr = [1,2,3,3,4,5,5,6,5]; let content = new Set(a...

xuxueli 2019-08-23 17:17 評論0 收藏0
ES6學習筆記之模塊

摘要：但是一直沒有在語言層面支持模塊，直到的出現。相信在不久的將來，的模塊一定會全面取代和。的模塊提供了個新的語法，分別是和。就是模塊用來對外暴露數據的接口，具體用法如下。本文同步自我得博客：http://www.joeray61.com 簡介在當今的Javascript程序中，模塊的作用不言而喻，目前廣泛應用的主要有AMD（瀏覽器端）和CommonJS（服務器端）。但是Javascri...

Airmusic 2019-08-19 18:38 評論0 收藏0
學習筆記一基礎語法

摘要：需要注意的是字符串有三個截取方法和和方法用于操作尾部元素，和方法用于操作頭部元素。語法它用于刪除并添加元素，也可以只刪除不添加。對象操作符可以判斷對象是否含有某個屬性，但是無法判斷這個屬性是它自己的，還是繼承來的。 1.關于ECMAScript ECMA-262經歷了多個版本的更新迭代，需要了解一下五個版本： ES5：2009年12月 ES5.1：2011年6月 ES6/ECM...

Songlcy 2019-08-22 15:59 評論0 收藏0
ES6學習筆記之箭頭函數

摘要：特性介紹箭頭函數是新增的特性之一，它為這門語言提供了一種全新的書寫函數的語法。用生成的函數會定義一個自己的，而箭頭函數沒有自己的，而是會和上一層的作用域共享。本文同步自我得博客：http://www.joeray61.com JS中的箭頭箭頭在JS里并不算是個新鮮的玩意兒，一直以來，JS都支持-->這樣的箭頭。很早的時候有些瀏覽器還不支持JS，當時的人們為了兼容這些瀏覽器，需要這...

Vultr 2019-08-19 18:12 評論0 收藏0
ES6學習筆記之Classes

摘要：靜態方法靜態方法直接用類名來調用就可以了，熟悉面向對象編程的同學應該都不陌生。在中，一個類不能繼承多個類。為了解決這個問題，可以使用。當類表達式有命名時，該命名僅作為類內部使用。本文同步自我得博客：http://www.joeray61.com 簡介 ES6的Classes是在原型鏈繼承的基礎上，由語言本身提供的語法糖，并非是一種全新的繼承模式。這使得Javascript有一種更加簡...

MSchumi 2019-08-19 18:15 評論0 收藏0