オブジェクトののこりとHTMLへの表出力

こんにちは!サキナオコです^o^
むしむし気候ですがはじめましょう!

複雑なオブジェクト

オブジェクトの値には、配列や別のオブジェクトを指定できる

配列名を複数形にして、ループ定数を単数形にするという書き方は定石の一つ

オブジェクトの配列

同じプロパティのセットを持った複数のデータ。for-of 文で順番にオブジェクトを取り出しながら、必要な情報だけを利用する

配列の map メソッドを使えば、各オブジェクトの一部を加工して、新たな配列として切り出せる

配列の filter メソッドを使えば、条件を満たすデータのみ抽出できる

連結したコードが長くなるときは、 . の手前で改行すると読みやすくなる

 for-of 文を置き換えることのできるラムダ式タイプの forEach メソッド を使えば、nameList という配列(定数)を用意する必要がない

単純に繰り返し処理をするメソッド

他のメソッドと . で連結するときは一番最後につなげる

配列.forEach((要素) => 処理);

単純な処理だと for-of 文と if 文で書いたほうが読みやすいことがある

HTML への出力

テーブルヘッダー出力

th エレメントは tr エレメントの子要素に、tr エレメントは table エレメントの子要素に…と 2 段階で appendChild する必要がある

ブロックスコープの有効範囲は同じ名前の定数/変数はブロックの内側で宣言されたものほど優先度が高い というルールがある

といったところで、後半はわからなすぎて頭がずきずきし頭がよくなりそうでした。

その割に理解がすすみません。とりあえず今日はこんなところで終了です。

*****************************************

今日覚えたVSCodeの便利な技(もしかしたらずっと前は知っていたかもしれないけどすっかり忘れているので今日知ったということで)

選択した同じテキストすべてを一括変更したい場合

ショートカットキー control + shift + L

で上書きすると全部変更できちゃいます!!

*****************************************


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


こんにちは!サキナオコです^o^
ごゆっくりどうぞ!

最近の投稿

2024年10月
 123456
78910111213
14151617181920
21222324252627
28293031  

Categories

Search the website

サキ ナオコのアバター