for-inループ文で連想配列の要素を表示

投稿日: 2013年1月28日作成者: alphasis

for-inループ文を使い、連想配列（簡易オブジェクト）の要素をリスト表示する方法。

サンプル

順序リスト

<script type="text/javascript">
var $obj = {
propA: "値１",
propB: "値２",
propC: "値３"
};
document . write( '<ol>' );
for ( var $prop in $obj ) {
document . write( '<li>' );
document . write( $obj[$prop] );
document . write( '</li>' );
}
document . write( '</ol>' );
</script>

↓↓↓出力結果↓↓↓

順不同リスト

<script type="text/javascript">
var $obj = {
propA: "値１",
propB: "値２",
propC: "値３"
};
document . write( '<ul>' );
for ( var $prop in $obj ) {
document . write( '<li>' );
document . write( $obj[$prop] );
document . write( '</li>' );
}
document . write( '</ul>' );
</script>

↓↓↓出力結果↓↓↓

カテゴリー: for-in, JavaScript, リファレンス, 制御構造タグ: JavaScript 1.0 パーマリンク