es6 で追加された新しいデータ型は何ですか?-jsチュートリアル-php.cn

es6 で追加された新しいデータ型は何ですか?

青灯夜游

リリース： 2023-01-07 11:47:08

オリジナル

7906 人が閲覧しました

es6 新しく追加されたデータ型: 1. シンボル型; 2. セット型; 3. マップ型; 4. WeakSet 型; 5. WeakMap 型; 6. TypedArray 型。

es6 で追加された新しいデータ型は何ですか?

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

ES6 の新しいデータ型

シンボルタイプ(基本)
セットタイプ (複合)
マップタイプ (複合)
WeakSet タイプ (複合)
WeakMap タイプ ( Complex)
TypedArray 型 (Complex)

es6 より前にどのようなデータ型があったのかを見てみましょう。

基本タイプ:
- string
- ##null
- #未定義
- ##boolean
オブジェクト
MDN

Q1: オブジェクトにプライベート属性を持たせるにはどうすればよいですか? (Symbol の用途は何ですか?)

答え: Symbol をオブジェクト

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

ログイン後にコピー

の key として使用します。 the objectoo スコープ外では正しく出力できないプライベート属性があります。

#Q2: 配列から重複をすばやく削除するにはどうすればよいですか? es6 で追加された新しいデータ型は何ですか?

回答: Set を使用して

Array.form()

これは非常に古典的な面接の質問です。その前にお話しさせてください。 thises6 以前の重複排除メソッド:

let array = [1, 2, 3, 4, 4, 5, 5, 6]
~function uniq() {
  let result = []
  let hash = {}
  for (let i=0; i<array.length><br><code></code>ただし、このメソッドには大きな欠点があります。重複排除配列にオブジェクトを含めることはできず、このメソッドによって返される結果は次のとおりです。メソッドはすべて文字列であるため、このような配列は重複排除できません。 <p class="image-package"><img src="https://img.php.cn/upload/image/369/298/171/1630654569660947.png" title="1630654569660947.png" alt="es6 で追加された新しいデータ型は何ですか?">Set</p>
<p></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 はオブジェクトの拡張に似ています。その 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关联的值");

ログイン後にコピー

Q4: WeakMap と Map の違いは何ですか?

es6 で追加された新しいデータ型は何ですか?