ES 6-Aray、Map、Setデータ構造の一般的な操作

ES 6-Aray、Map、Setデータ構造の一般的な操作
参考資料:

https://www.jianshu.com/p/40bc708f8ce7

https://wangdoc.com/javascript/stdlib/array.html

Aray-配列
属性

レングス:レングス属性は、配列のメンバー総数を返します.

操作方法
1.push(item)
push法は、配列の端に1つ以上の要素を追加し、新しい要素を追加した配列長を返します.
2.ポップ()
pop法は、配列の最後の要素を削除し、要素を返します.
3.shift()
shift()メソッドは、配列の最初の要素を削除し、要素を返します.
4.unshift()
unshift()メソッドは、配列の最初の位置に要素を追加し、新しい要素を追加した配列長を返します.
5.ジョン()
join()メソッドは、パラメータをセパレータとして指定し、すべての配列メンバーを1つの文字列に接続して返します.パラメータが提供されていない場合は、デフォルトではカンマで区切られます.
6.concat():
concat()方法は、複数の配列の結合に使用される.これは新しい配列のメンバを元の配列メンバーの後部に追加し、新しい配列を返します.元の配列は不変です.
7.逆転():
reverse法は配列要素を逆さまにして、変化した配列を返します.この方法は元の配列を変えます.
8.slice(start,end)
slice()メソッドは、ターゲット配列の一部を抽出し、新しい配列を返します.元の配列は不変です.

の最初のパラメータは開始位置(0から始まり、戻りの新しい配列に含まれる)であり、2番目のパラメータは終了位置(ただし、位置の要素自体は含まれていない)である.2番目のパラメータを省略すると、元の配列の最後のメンバに戻ります.

slice()方法のパラメータが負である場合、逆数で計算される位置を表します.

9.splice()
splice()メソッドは、元の配列の一部のメンバを削除し、削除された位置に新しい配列メンバーを追加することができ、戻り値は削除された要素である.

spliceの最初のパラメータは削除の開始位置(0から開始)であり、2番目のパラメータは削除された要素の個数である.後に更に多くのパラメータがある場合、これらは配列に挿入される新しい要素です.

10.sort()
sortメソッドは配列メンバーを並べ替えて、デフォルトは辞書順に並べ替えます.並べ替え後、元の配列が変更されます.11.map():map方法は、配列のすべてのメンバをパラメータ関数に順番に入力し、各実行結果を新しい配列で返します.map法はパラメータとして関数を受け入れた.この関数が呼び出されると、mapメソッドは、現在のメンバ、現在の位置、および配列自体の3つのパラメータを入力します.[1, 2, 3].map(function(elem, index, arr) { return elem * index; }); // [0, 2, 6]12.forEach()
forEach法はmap法と似ています.配列の全メンバーに対して順次パラメータ関数を実行します.しかし、forEachメソッドは値を返さず、データを操作するだけです.つまり、行列遍歴の目的が戻り値を得るためであるならば、map法を使用し、そうでなければforEach法を使用する.forEachの使い方はmap方法と一致しています.パラメータは同じです.3つのパラメータを受け入れます.現在の値、現在の位置、配列全体です.function logn(element,index,array){consolone.log('+'+index+'='+element)};

[2, 5, 9].forEach(log);
// [0] = 2
// [1] = 5
// [2] = 9
```

13.filter()
filter法は、配列メンバーをフィルタリングし、条件を満たすメンバが新しい配列を構成して戻ります.

のパラメータは関数であり、すべての配列メンバーが順次関数を実行し、結果はtrueのメンバが新しい配列を構成して返します.この方法は元の配列を変えない.

some()、every():この2つの方法は「断言」に似ています.ブール値を返して、配列メンバーがある条件に合致するかどうかを判断することを表します.

は、パラメータとして関数を受け取り、全ての配列メンバーが順次この関数を実行します.この関数は、3つのパラメータを受け入れます.現在のメンバー、現在の位置、および配列全体を返します.

someメソッドは、1つのメンバの戻り値がtrueである限り、全体のsomeメソッドの戻り値はtrueであり、そうでなければfalseに戻ります.

14.reduce()、reduceRight()
reduce方法とreduceRight方法は、配列の各メンバーを順次処理して、最終的には累積して一つの値になります.彼らの違いは、レデュースは左から右に(最初のメンバーから最後のメンバーまで)、レデューティは右から左に(最後のメンバーから最初のメンバーまで)、他は全く同じです.
indexOf()、lastIndexOf()

indexOf方法は、所与の要素が配列において初めて出現する位置を返し、出現しない場合は−1を返します.

indexOf方法は、検索の開始位置を表す第二のパラメータも受け入れることができる.

lastIndexOf方法は、所与の要素が配列内で最後に出現した位置を返し、出現しない場合は-1を返します.

は、これらの2つの方法がNaNの位置を検索するために使用できないこと、すなわち、配列メンバーがNaNを含むかどうかを判断することができないことに注意してください.

Mapキーペア
属性

size:size属性は、Map構造のメンバー総数を返します.

操作方法

set(key,value):keyに対応するキー値を設定し、Map構造全体(自分)

に戻る.

get(key):keyに対応するキーの値を読み出す.

has(key):ブール値を返し、あるキーがMapデータ構造にあるかどうかを示す.

delete(key):あるキーを削除し、ブール値

に戻る.

clear():全メンバーをクリアし、戻り値がない

Mapを巡回
forEach()遍歴

dataMap.forEach((value, key, map) => {
    console.log("key", key);
    console.log("value", value);
});

value:キーの値.

key:キーワード.

map:mapオブジェクトです.

セット
属性

size:size属性はSetセットのメンバー総数を返します.

操作方法

add:Setセットに要素を追加します.

has:valueが集合中かどうかを判断する.もしいるならtrueに戻ります.そうでなければfalseに戻ります.

delete:Setセットからvalue要素を削除します.

clear():全メンバーをクリアし、戻り値がない.

コレクションを巡回
forEach

dataSet.forEach((value, key, set) => {
    console.log("value", value);
    console.log("set", set);
});