溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

es6新增的數(shù)據(jù)類型有什么

發(fā)布時間:2021-09-03 16:09:50 來源:億速云 閱讀:179 作者:chen 欄目:web開發(fā)

這篇文章主要介紹“es6新增的數(shù)據(jù)類型有什么”,在日常操作中,相信很多人在es6新增的數(shù)據(jù)類型有什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”es6新增的數(shù)據(jù)類型有什么”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!


本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

ES6新增的數(shù)據(jù)類型

  • Symbol 類型(基本)

  • Set 類型(復(fù)雜)

  • Map 類型(復(fù)雜)

  • WeakSet 類型(復(fù)雜)

  • WeakMap 類型(復(fù)雜)

  • TypedArray 類型(復(fù)雜)

我們再來看一看 es6 之前有哪些數(shù)據(jù)類型,

  • 基本類型:

    • string

    • null

    • undefined

    • number

    • boolean

  • 復(fù)雜類型:

    • object

由于新出的類型在平常工作中基本用不到,所以具體介紹還是直接看 MDN 的專業(yè)解釋把,下面給大家講解一些面試經(jīng)常遇到的問題....

Q1:怎么讓一個對象具有一個私有屬性?(Symbol有什么用?)

Answer:用 Symbol 作為對象的 key 即可

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

此時對象 oo 就有一個私有屬性,該屬性在作用域外就無法正確打印。

es6新增的數(shù)據(jù)類型有什么

Q2:怎么快速去重一個數(shù)組?

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

let array = [1, 2, 3, 4, 4, 5, 5, 6]
~function uniq() {
  let result = []
  let hash = {}
  for (let i=0; i<array.length; i++) {
    hash[array[i]] = true
  }
  for (let key in hash) {
    result.push(key)
  }
  console.log(result)
  return result
}()

es6新增的數(shù)據(jù)類型有什么

但是該方法有巨大的弊端,去重數(shù)組中不能有對象,而且該方法返回的結(jié)果中都是字符串,所以無法對這樣的數(shù)組進(jìn)行去重。

當(dāng)我們使用 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新增的數(shù)據(jù)類型有什么

甚至連對象的引用也能去重,很簡略的方法。

Q3:Map有啥用?

Answer:map 更像是對象的拓展,他的 key 可以是任意類型,不再像之前的對象 key 只能是字符串,也就是這個特性,我們可以去優(yōu)化之前的去重,但是也沒有必要,因為已經(jīng)有 set 了。

舉個栗子

let myMap = new Map()
 
let keyObj = {}
let keyFunc = function () {}
let keyString = "a string"
 
// 添加鍵
myMap.set(keyString, "和鍵'a string'關(guān)聯(lián)的值");
myMap.set(keyObj, "和鍵keyObj關(guān)聯(lián)的值");
myMap.set(keyFunc, "和鍵keyFunc關(guān)聯(lián)的值");

es6新增的數(shù)據(jù)類型有什么

Q4:WeakMap 和 Map 的區(qū)別?

Answer:

  • WeakMap 區(qū)別就是對 key 的引用是弱引用

  • WeakMapkey 只能是對象

需要了解的就是弱引用是啥了:
文章:ES2015 WeakMap的學(xué)習(xí)和使用

Q5:WeakSet 和 Set 的區(qū)別?

Answer:同上

Q6:TypedArray 有什么用?

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

到此,關(guān)于“es6新增的數(shù)據(jù)類型有什么”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

es6
AI