REACTを勉強したので、バニラJavaScriptをまず勉強すべきだと思います.基礎工事なしで虫穴の家を建てる感じ.勉強することが多すぎて楽しいです!ハハハ😭😭😭
~~1. 配列とメソッド、マッピングとセット、小オブジェクト/ファイバモード->2.プロトタイプ->3.クラス、super->4.非同期->fetch API、abortコントローラ
~~

配列とメソッド

勘定科目の追加/削除方法

arr.push(...items)

arr.pop()

arr.shift()

arr.unshift(...items)

👉🏻 splice

アレイメソッド系の万能マゲバー

arr.splice(index, deleteCount, [elem1, ..., elemN])

1 parameter(index):操作する最初の要素

2 parameter(deleteCount):削除する要素の数

ohter parameters:アレイに追加する要素

👉🏻 slice

サブ配列を返す

arr.slice([start], [end])

👉🏻 concat

既存のアレイの要素を使用して新しいアレイを作成するか、既存のアレイに要素を追加します.

arr.concat(arg1, arg2...)

✔⽈アレイナビゲーション

👉🏻 indexOf ...

アレイで何かを見つけたいとき.

arr.indexOf(item, from)
arr.lastIndexOf(item, from)
arr.includes(item, from)

👉🏻 find, findIndex

オブジェクトからなる配列で、特定の条件に一致するオブジェクトを検索します.

let result = arr.find(function(item, index, array) {
    //true가 반환되면 반복이 멈추고 해당 요소를 반환
    //조건에 해당하는 요소가 없으면 undefined를 반환
});

item:関数を呼び出す要素

index:要素のインデックス

array:アレイ自体

АААААААААААААААА
✔▼▼4|は|▼4|と同じ操作を行いますが、条件を満たす要素ではなく、その要素のインデックスを返します.

👉🏻 filter

(item => item.id == 1)メソッドは、関数の戻り値をindexに設定した要素のみを検索します.条件を満たす要素が複数ある場合は、arrayを使用します.

let results = arr.filter(function(item, index, array) {
  //조건을 충족하는 요소는 result에 순차적으로 저장
  // 조건 충족 요소 하나도 없으면 빈 배열 반환
});

✔市場配列変形

👉🏻 map

配列要素全体に関数を呼び出し、関数呼び出しの結果を配列に返します.

let result = arr.map(function(item, index, array){
  //요소 대신 새로운 값을 반환
});

👉🏻 sort

アレイ内の要素をソートして、アレイ自体を変更します.
✔¥基本ソート基準配列中の要素を文字列として再ソートします.
デフォルトのソート基準ではなく新しいソート基準を作成するには、新しい関数をパラメータに渡す必要があります(関数は2つの値を比較し、戻り値がある必要があります).
АААААААА

👉🏻 reverse

アレイ内の要素を逆順序で配置する方法

👉🏻 分割と結合

arr.findIndex:区切り文字列に基づく

find:パラメータglueを接着剤として使用し、配列要素を結合して文字列

を作成

arr.split(delim)
arr.join(glue)

👉🏻 reduceとreduceRight

find、true、arr.filterおよびlocaleCompareと同様に、アレイに基づいて値をエクスポートするために使用されます.

let value = arr.reduce(function(accumulator, item, index, array) {
//...
}, [initial]);
//
//example
let arr = [1,2,3,4,5];
let result = arr.reduce((sum, current) => sum + current, 0)
alert(result); //15

split:前の関数を呼び出した結果.以前に呼び出された関数の結果を蓄積して保存する計算機

joinは、関数を最初に呼び出すためのオプションの初期値

である.

forEach:現在の配列要素

for:要素の位置

for...of:タイル

✔▼4|:|▼4|、ただしアレイの右側から演算を実行