javascript - 无需键即可迭代 Json 数组

Question

首先，这个问题可能已经被问过好几次了，但是我发现的每个线程都对我没有帮助。如果有人可以重写我的函数如下，我将不胜感激。

我有以下带有 Json 对象的数组。

目标是获取“url”值。现在我从该数组中获取每个值。

a = [{
  "result": [{
      "name": [
        "name"
      ],
      "url": [
        "www.bar.com"
      ]
    },
    {
      "name": [
        "name 2"
      ],
      "url": [
        "www.bar.org"
      ]
    },
    {
      "name": [
        "name 1"
      ],
      "url": [
        "www.bar.biz"
      ]
    },
    {
      "name": [
        "name 3"
      ],
      "url": [
        "www.bar.jp"
      ]
    }
  ]
}];
document.getElementById("foo").innerHTML = "How to explicitly get the url value?'";
loopThrough(a);

function loopThrough(obj) {
  for (var key in obj) {
    // skip loop if the property is from prototype
    if (!obj.hasOwnProperty(key)) continue;

    if (typeof obj[key] !== 'object') {
      console.log(obj[key]);
    } else {
      loopThrough(obj[key]);
    }
  }
}

<div id="foo">
</div>

如何访问此数组中的每个“url”元素？

也许还有比这更聪明的解决方案。

提前谢谢您。

Answer 1

a = [{
  "result": [{
      "name": [
        "name"
      ],
      "url": [
        "www.bar.com"
      ]
    },
    {
      "name": [
        "name 2"
      ],
      "url": [
        "www.bar.org"
      ]
    },
    {
      "name": [
        "name 1"
      ],
      "url": [
        "www.bar.biz"
      ]
    },
    {
      "name": [
        "name 3"
      ],
      "url": [
        "www.bar.jp"
      ]
    }
  ]
}];
loopThrough(a);

// Uses ES6 syntax
function loopThrough(obj) {
  obj[0].result.forEach(r => console.log(r.url[0]));
}