JavaScript レッスン6
オブジェクト詳細
JavaScriptのオブジェクトを深く理解しよう
オブジェクトとは
オブジェクトは「キーと値のペア」の集合です。プロパティやメソッドを持ち、 関連するデータと機能をまとめて管理できます。JavaScriptでは最も重要なデータ構造の一つです。
- プロパティ — オブジェクトに格納されたデータ
- メソッド — オブジェクトに格納された関数
- 分割代入（destructuring） — プロパティを変数に展開
- スプレッド構文 — オブジェクトのコピー・結合
Object.keys()/values()/entries()- 計算プロパティ名（computed properties）
プロパティ・メソッド・分割代入
オブジェクトの基本操作と分割代入を学びましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
スプレッド・Object.keys/values/entries・計算プロパティ
オブジェクトの展開と便利なメソッドを使いこなしましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
オブジェクトを使ってプロフィールカードを作ってみましょう。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
1 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。