es6新增加的資料型態有什麼-js教程-PHP中文網

es6新增加的資料類型：1、Symbol類型；2、Set類型；3、Map類型；4、WeakSet類型；5、WeakMap類型；6、TypedArray類型。

es6新增加的資料型態有什麼

本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

ES6新增的資料型別

#Symbol 類型（基本）
Set 類型（複雜）
Map 類型（複雜）
WeakSet 類型（複雜）
WeakMap 類型（複雜）
TypedArray 類型（複雜）

#我們再來看一看es6之前有哪些資料類型，

基本型別：
- #string
- null
- undefined
- #number
- ##boolean
複雜型別：
- object

由於新出的類型在平常工作中基本上用不到，所以具體介紹還是直接看

MDN的專業解釋把，下面跟大家講解一些面試常遇到的問題....

Q1：怎麼讓一個物件有一個私有屬性？（Symbol有什麼用？）

Answer：用

Symbol作為物件的key即可

{ // 私有作用域 let a = Symbol() window.oo = { name: '对象', age: 18, [a]: '这是一个私有属性' } console.log(oo[a]) // 这是一个私有属性 } // 不能再作用域外打印...

登入後複製

此時物件

oo就有一個私有屬性，該屬性在作用域外就無法正確列印。

es6新增加的資料型態有什麼

Q2：怎麼快速去重一個陣列？

Answer：用

Set加Array.form()這是一道很經典的面試題，在此之前先講
es6之前的去重方法：

let array = [1, 2, 3, 4, 4, 5, 5, 6] ~function uniq() { let result = [] let hash = {} for (let i=0; i
#但是該方法有巨大的弊端，去重數組中不能有對象，而且該方法返回的結果中都是字串，所以無法對這樣的陣列進行去重。 
當我們使用 Set 時
 let a = {a: 11} let array = [0, 1, '1', '22', 22, a, a, 66] ~function uniq() { return Array.from(new Set(array)) // 装比写法 [... new Set(array)] }()
        
         登入後複製

es6新增加的資料型態有什麼

#甚至連物件的參考也能去重，很簡單的方法。

Q3：Map有啥用？

Answer：

map更像是物件的拓展，他的key可以是任意類型，不再像之前的物件key只能是字串，也就是這個特性，我們可以去優化之前的去重，但是也沒必要，因為已經有set了。

舉個栗子

let myMap = new Map() let keyObj = {} let keyFunc = function () {} let keyString = "a string" // 添加键 myMap.set(keyString, "和键'a string'关联的值"); myMap.set(keyObj, "和键keyObj关联的值"); myMap.set(keyFunc, "和键keyFunc关联的值");

登入後複製

es6新增加的資料型態有什麼