[TIL] d+16

昨日の夜明け.課題コードは99.9%Noriの助けで作成されました...うううㅠ(無限感謝)
おかげで曖昧な部分も理解できますが、それでも、ずっと混同していたり不明瞭な部分があり(なぜこう書くのか?これは何…?何だっけ…?など)、後でその中の解消された部分を整理します~!(これこそ本当のTILの意味でしょう…)
ほとんどが受講時に理解している部分ですが、受講ビデオがなくコードだけを編んでいて頭の中に繋がらないものがたくさんあります.
バカみたいな悩みしかなかったのでどこか聞けませんでしたが、ここでも…バカみたいに書きたいのですが...抵抗するためにさらに...!
△突然TILを飛び越えたのは、昨日の一日が精神的に疲れて何もする時間がなかったからです.

ここでどうしてこんな括弧を使うのですか?このかっこはどこから出てきたのですか。かっこ多すぎる!紛らわしい!

このように括弧内括弧内括弧内括弧...缲り返すと、しっかり読まないうちに、脳が硬くなってくる感じがします...かっこはガラガラと開けられていますが、閉じていないので、エラーが発生した場合、どのかっこが足りないのかを探すのに時間がかかります.だから解きながら使いたいです.それは後で役に立ちます.

Circleは、戻る前に定義された定数です.( const Circle = Array.from({ length: 5 }, (v, i) => i); )
return内でこのCircleを直接使用する必要はなく、mapの回転中にjs構文であるため、まずCircleを使用するすべてのプロシージャは括弧で囲まなければなりません.

map部分をmap(function(cur,idx){………})に書き換え、これを矢印関数と略してmapと表す((cur,idx)=>{......})

の2つを合わせると写真と同じです!

急に脳が硬くなって...🤯
まずは地図を回してスタートjs文法なのでカッコで囲みます...しかし地図には中括弧で囲まれた地図も…!この事実だけで、混同しにくいコードも混同され始めた!自分がまばたきをしていることに気づいた人のように...ずっと地図の中に地図があると思っていた.
まず注意する必要のない部分を隠して、混同させる部分は彼ら自身がハイライトをします.このように混同しているときは、真剣に分離して確認すると、よりはっきり見えるようになりますが….だんだん流れが見えてきました...忍者のように話して...

2. map()... わかっているのに

じゃあまた整理しなおそう…mapはArray内蔵関数なので、配列名にarr.map()を付けます.
map()はパラメータとしてコールバック関数を受け入れ,このコールバック関数のパラメータは順次1である.要素索引並んで入りました.配列は、現在mapメソッドを呼び出す配列自体です.(通常はインデックスのみが使用されます.)
map関数は、配列内のすべての要素に対してコールバック関数を実行し、新しい配列を返します.

第1項のこの写真では、Circle이라는 이름을 가진 divに戻るように要求されています.また、要素をcur、インデックスをidxとして受信し、キーにインデックス(idx)を追加して特定の値を決定する.その結果、各インデックス番号をキー値とするCircle div、長さ배열Circleが生成されます.

3. Array.from()覚えてる...?

from()の使い方はたくさんあります.必要な(ex.文字列)を配列に設定する場合、または類似の配列をコピーして新しい配列に設定する場合.2.新規シナリオを直接作成する場合(初期化...?)使用します.
基本的な使い方は以下の通りです.

const name = "river";
const name_arr = Array.from(name);

console.log(name_arr);
=> ["r","i","v","e","r"]

コールバック関数は、次のように使用することもできます.この場合、map()のコールバック関数のように、各要素、インデックスをパラメータで受信します.

const name = "river";
const num_arr = Array.from(name, (item, idx) => {
return index;
});

console.log(name_arr);
=> [0, 1, 2, 3, 4]

各要素のインデックス番号を返します.

上からずっと出ている배열 CircleはやはりArrayfrom()を使用して生成します.Array.from({length:5})のように、先ほど入力した値の位置に属性を追加することもできます.長さ5の配列を作るために,属性値を加えた.コールバック関数を追加

let new_arr = Array.from({length:5}, (item, idx) => {
	return index;
});
console.log(new_arr);
=> [0, 1, 2, 3, 4]

同じように表現できます.index numberを要素とする長さ5の配列を生成できます.
写真のCircleは要素vで命名され、インデックスiで命名されています.Circleも上記の例と同じ[0,1,2,3,4]配列を生成します!

類似アレイ:外観はアレイと同じで、長さまたは各要素にアクセスできますが、Arrayの組み込み関数は使用できません.

正規時間が終わった後、陳赫とヌリーは単独で集まって、最初からやってみると言ったので、理解を求めて劉琳を連れて行った.マネージャーはメンバー全員が集まっていることに好奇心を持っているかもしれませんが、ちょうど反応に絶望しています.マネージャーは航海参加でこのような試練をどのように克服したのかを尋ねた.ううう呜呜...藁をつかむ気持ちで
このようにマネージャーのアドバイスを聞いて、他のグループのメンバーたちと話をして、過ごした夜明け、感じたのは私だけが困難を経験しているわけではありません.ここ数日ゲイドで出会った誰もが私に似た姿を見た.個人的には、昨日はいろいろな面で後ろめたさや疑問がありましたが、3週間の日程の中で一番大変な日だったと思いますが、案の定、他の人も同じで、隣のグループにはすでに降車者が出ていました.私がここでどうやって耐えてきたのかによって、私の来週は変わるでしょう...頑張って頑張りましょう~!あと2日でいっぱいなので何とかします…!