首頁 > web前端 > js教程 > es6新增加的資料型態有什麼

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

青灯夜游
發布: 2023-01-07 11:47:08
原創
7959 人瀏覽過

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:用

SetArray.form()這是一道很經典的面試題,在此之前先講
es6 之前的去重方法:

let array = [1, 2, 3, 4, 4, 5, 5, 6]
~function uniq() {
  let result = []
  let hash = {}
  for (let i=0; i<array.length><p class="image-package"><img src="https://img.php.cn/upload/image/369/298/171/1630654569660947.png" title="1630654569660947.png" alt="es6新增加的資料型態有什麼"></p>#但是該方法有巨大的弊端,去重數組中不能有對象,而且該方法返回的結果中都是字串,所以無法對這樣的陣列進行去重。 <p></p>當我們使用 <p>Set<code> 時</code></p>
<pre class="brush:php;toolbar:false">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新增加的資料型態有什麼

#Q4:WeakMap 和 Map 的差別?

Answer:

  • WeakMap 區別就是對key 的引用是弱引用

  • #WeakMapkey 只能是物件

需要了解的是弱引用是啥了:

文章:ES2015 WeakMap的學習和使用

Q5:WeakSet 和Set 的差別?

Answer:同上

Q6:TypedArray 有什麼用?

Answer:這個類型用的途徑更少了,主要用於二進製文件(音頻,文件,視頻,圖片...)的處理,一般用不到,除非你自己開發輪子。

【推薦學習:

javascript高階教學#

以上是es6新增加的資料型態有什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板