ES6學(xué)習(xí)筆記之Set

xuxueli 發(fā)布于2019-08-23 17:17 / 2911人閱讀

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

Set

基本屬性它和數(shù)組類似，但是數(shù)組中的成員值是唯一的沒有重復(fù)值，Set本身是一個構(gòu)造函數(shù)用來生產(chǎn)一個數(shù)據(jù)結(jié)構(gòu)

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結(jié)構(gòu)的實例有以下屬性

構(gòu)造函數(shù)，默認就是set函數(shù)：Set.prototype.constructor

返回總數(shù)，Set.prototype.size可以簡寫為Set.size

操作方法和遍歷方法

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

Array.from方法可以把Set結(jié)構(gòu)轉(zhuǎn)化為數(shù)組

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結(jié)構(gòu)沒有鍵名，只有鍵值（或者說鍵名和鍵值是同一個值），所以key方法和value方法的行為完全一致。

Set結(jié)構(gòu)默認可遍歷對象所以可以之間使用for ... of循環(huán)??遍歷set

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

//擴展運算符（...）內(nèi)部使用for...of循環(huán)，所以也可以用于Set結(jié)構(gòu)。
let arr = [...set];

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

//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

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