【Java script問題集】2-2 ループ処理で、配列の後ろににオブジェクトを追加してみよう

2-2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>2-2</title>
</head>
<body>
<ul id="result"></ul>
<script src="2-2.js" language="javascript" type="text/javascript"></script>
</body>
</html>

 2-2.js

$(function() {
    // 処理対象のオブジェクト配列
    var members = [
      { "name": 'suzuki', "age": 27, "from": 'tokyo' },
      { "name": 'tanaka', "age": 32, "from": 'fukuoka' },
    ];
    // 配列membersにオブジェクト追加
    members.push( { "name": 'takahashi', "age": 30, "from": 'osaka' } ) ;
  
    $.each(members,
        function(s, elem) {
        
        // メンバー情報を「名前（年齢）出身」の形式でリストに整形
        $('<li></li>').append(elem.name + '（' + elem.age + '）' + elem.from).appendTo('#result');
      }  
    );
});  

 実行結果

f:id:mkyosuke:20200629185251p:plain