<script>
let jsbook = {title: 'Javascript入門', price: '2500', stock: '3'};
for(let p in jsbook) {
console.log(p + '=' + jsbook[p]);
}
</script>
コンソール
title=Javascript入門
price=2500
stock=3
気づき
let p
にプロパティのキーが与えられていると思う。
出典
for...in文
オブジェクトのプロパティを全て読み取ることだけを目的とした、専用の繰り返し文
HTMLに出力する
<section>
<table border="1">
<tr>
<td id="title"></td>
<td id="price"></td>
<td id="stock"></td>
</tr>
</table>
</section>
<script>
'use strict';
let jsbook = {title: 'Javascript入門', price: '2500', stock: '3'};
for(let p in jsbook) {
if(p === 'price'){
document.getElementById(p).textContent = `${jsbook[p]}円`;
}else
document.getElementById(p).textContent = jsbook[p];
}
</script>
これは自分で少しいじりました。
勉強のためにも...
気づき
オブジェクトのキーを代入したいときはp
プロパティのキーの値を代入したい時はオブジェクト名[プロパティのキー]
感想
ついに自分でコードを簡単に弄れるようになってきた。
この調子で頑張ろう。
出典