【Java script問題集】2-3 「2-2.」からの特定のnameを指定して、配列から削除してみよう

2-3.html

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

2-3.js

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

 実行結果

f:id:mkyosuke:20200629185636p:plain