Question

我有一个问题是在数组中获取对象。在我的情况下，我有一个带有对象及其ID的JSON文件。我想通过查找其ID来获取对象。所以我想得到Objekt（101和103）进行进一步计算。（在C ++中它将是一个地图，然后迭代直到找到101并返回。）在Javascript中我得到了这个错误： “TypeError：region [i] [103]未定义”。我不知道出了什么问题。或者有更好的方法来通过它的id得到objekt？

这是一个代码示例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<title>Unbenanntes Dokument</title>
</head>

<body>

<div id="results"></div>

<script>
var region = [
  {
  "101": {
    "id":101,
    "name":"Eisenstadt(Stadt)",
    "pop":13485,
    "lat":47.845876,
    "lng":16.518073,
    "FIELD6":"",
    "FIELD7":"" }
  },
  {
  "102": {
    "id":102,
    "name":"Rust(Stadt)",
    "pop":1942,
    "lat":47.803858,
    "lng":16.686788,
    "FIELD6":"",
    "FIELD7":"" }
  },
  {
  "103": {
    "id":103,
    "name":"Eisenstadt-Umgebung",
    "pop":41474,
    "lat":47.85458,
    "lng":16.576139,
    "FIELD6":"",
    "FIELD7":"" }
  }
  ]

 function foo(region)
{   
    for(i=0; i<region.length;i++)   
{

    document.getElementById("results").innerHTML = region[i]["101"]["name"] + " // " + region[i]["103"]["name"];
}
}

foo(region);

  </script>
</body>
</html>

Answer 1

试试这个

function foo(region) {
  function getPropertyByKeys(region, keys, prop) {
    return region.filter(function(el) {
      return keys.indexOf(Object.keys(el).pop()) >= 0;
    }).map(function(el) {
      return el[Object.keys(el).pop()][prop];
    })
  }

  document.getElementById('results').innerHTML = getPropertyByKeys(region, ['101', '103'], 'name').join(' // ');
}

Example

Answer 2

如果你观察你的for循环

for(i=0; i<region.length;i++)   
{
    document.getElementById("results").innerHTML = region[i]["101"]["name"] +
    " // " + region[i]["103"]["name"];
}

您正在尝试访问ID＆＃34; 103＆＃34;对于i = 0; id＆＃34; 103＆＃34;不存在，所以你得到TypeError。

您可以使用对象枚举（迭代对象属性），如下所示：

function foo(region) {
  var name = '';
  for(var i = 0; i < region.length; i++) {
    for(var o in region[i]) {
      if (region[i].hasOwnProperty(o)) {
         //check for o[id] == 101? 
         name += region[i][o]['name'];
      }
    }    
  }
  document.getElementById("results").innerHTML = name;
}

foo(region);

Answer 3

试试这个：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<title>Unbenanntes Dokument</title>
</head>
    <body>
        
<div id="results"></div>

<script>
var region = [
  {
  "101": {
    "id":101,
    "name":"Eisenstadt(Stadt)",
    "pop":13485,
    "lat":47.845876,
    "lng":16.518073,
    "FIELD6":"",
    "FIELD7":"" }
  },
  {
  "102": {
    "id":102,
    "name":"Rust(Stadt)",
    "pop":1942,
    "lat":47.803858,
    "lng":16.686788,
    "FIELD6":"",
    "FIELD7":"" }
  },
  {
  "103": {
    "id":103,
    "name":"Eisenstadt-Umgebung",
    "pop":41474,
    "lat":47.85458,
    "lng":16.576139,
    "FIELD6":"",
    "FIELD7":"" }
  }
  ]

 function foo(region)
{   
    for(i=0; i<region.length;i++)   
{

   document.getElementById("results").innerHTML = region[i]["101"]["name"] + " // " + region[(i+2)]["103"]["name"];
   
}
}

foo(region);

  </script>
    </body>
</html>

获取对象列在数组中

3 个答案: