JavaScript

オブジェクト | object

配列と同様にオブジェクトも複数のデーターを１つにまとめて、変数に代入できます。しかし、配列に比べて作り方もデータの読み取り方も違います。

読み取る | read

HTML、Javascript <body>

<script>
var book = {title:'JavaScript',price:2000, stock:5};
document.write(book.title);
</script>
</body>

データを書き換える | Rewrite data

HTML、Javascript <body>

<script>
var book = {title:'JavaScript',price:2000, stock:5};
book.stock = 10;
document.write(book.stock);
</script>
</body>

すべのプロパティを読み取る|　Read all properties

オブジェクトのプロパティをすべて読み取る文 for(var プロパティを保存しておく変数名　in オブジェクト名){
処理内容
}

HTML、Javascript <body>

<script>
var book = {title:'JavaScript',price:2000, stock:5};
for(var p in book){
console.log(p + '=' + book[p]);
}
</script>
</body>

Let's check: F12 →　console

HTMLに書き出す　| Export items to HTML

HTML <section>
<table border="1">
<tr>
<td id="title"></td>
<td id="price"></td>
<td id="stock"></td>
</tr>
</table>
</section>

JavaScript <script>
var book = {title:'JavaScript',price:2000, stock:5}; document.getElementById('title').textContent = book.title; document.getElementById('price').textContent = book.price + '円'; document.getElementById('stock').textContent = book.stock;
</script>

この本を参考にして学び、完成させることができました。しかし、ここではプログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません（ToT）
その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^)、実際、初心者の私でもわかりやすかったです。身に付け消えないスキルが3,000円弱ならコスパよく、買っておいてよかったと満足してます。

私は人から丁寧に教わりたい、という人にはこちらもどうぞ。

キャリアアップに必要なスキルを取得しよう。

オンラインで受講ができるスクールですので、全国どこからでも。

ぺージの先頭に戻る(Return to top of page)

プライバシーポリシー