ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptでオブジェクトのプロパティを取得する方法

📌

結論

オブジェクト.プロパティ でドット記法アクセス

📝 実際のコードはこちら
const user = { name: '太郎', age: 20 };
console.log(user.name); // '太郎'

2つのアクセス方法

方法書き方使い分け
ドット記法user.name通常はこちら
ブラケット記法user['name']変数でキーを指定するとき

まとめ

・通常はドット記法でアクセス ・動的なキーにはブラケット記法

演習で試してみよう

ドット記法でプロパティにアクセスしてみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

userオブジェクトのnameをconsole.logで出力してください。

詰まったらヒント

user.name または user['name']

10pt

オブジェクトのプロパティ

userオブジェクトのnameをconsole.logで出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説