What are the new data types added in es6?

es6 newly added data types: 1. Symbol type; 2. Set type; 3. Map type; 4. WeakSet type; 5. WeakMap type; 6. TypedArray type.

The operating environment of this tutorial: Windows 7 system, ECMAScript version 6, Dell G3 computer.

New data types in ES6

• Symbol type(Basic)
• Set type(complex)
• Map type (complex)
• WeakSet type(complex)
• WeakMap type(Complex)
• TypedArray type(Complex)

Let’s take a look at what data types there were beforees6,

• Basic type:

  • string

  • ##null

  • undefined

  • ##number

  ##boolean

  Complex type:

• object

  Since the new types are basically not used in daily work, so the specific introduction is directly explained by
MDN

Q1: How to make an object have a private attribute? (What is the use of Symbol?)

Answer: UseSymbol

keyof the object

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

#Q2: How to quickly remove duplicates from an array?

Answer: UseSet

Array.form()This is a very classic interview question, let me talk about it before doing thises6Previous deduplication method:

let array = [1, 2, 3, 4, 4, 5, 5, 6] ~function uniq() { let result = [] let hash = {} for (let i=0; i
But this method has huge drawbacks. There cannot be objects in the deduplication array, and the result returned by this method are all strings, so such an array cannot be deduplicated. 
When we use 
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)] }()
        

         Copy after login
        
       

Even object references can be deduplicated, a very simple method.

Q3: What is the use of Map?

Answer:map

keycan be of any type, no longer like the previous objectkeycan only be a string, that is, with this feature, we can optimize the previous deduplication, but it is not necessary because there is alreadyset.Give me a chestnut

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关联的值");

Q4: What is the difference between WeakMap and Map?

Answer:

WeakMap
• The difference is that the reference to

  keyis a weak reference

WeakMap
• 's

  keycan only be an object

  What you need to know is what a weak reference is:
Article: Learning and using ES2015 WeakMap

Q5: What is the difference between WeakSet and Set?

Answer: Same as above

Q6: What is the use of TypedArray?

Answer: There are fewer ways to use this type. It is mainly used for processing binary files (audio, files, videos, pictures...) and is generally not used unless you develop the wheel yourself. .

javascript advanced tutorial

The above is the detailed content of What are the new data types added in es6?. For more information, please follow other related articles on the PHP Chinese website!