javascript - 显示对象的键和值并转换为 html 链接

Question

我正在尝试从数组中获取键和值并将其转换为链接列表。

这是我的变量

var MyObj = [{
    "1": "Val_1",
    "2": "Val_2",
    "3": "Val_3",
}];

这就是我试图让链接看起来像这样的方式

<a href="/?categories='+ MyObj[0].key +'&type='+MyObj[0].value+'/">MyObj[0].value</a>

我一直在尝试各种方法，但没有具体结果，我最接近的是在 console.log 中输出状态 [Object object]

Answer 1

如果你想获取一个Object的键，你应该使用Object.keys方法。

然后您可以循环对象的键并构建链接。为了返回链接数组，最好使用 Array#map方法:

var MyObj = {
    "1": "Val_1",
    "2": "Val_2",
    "3": "Val_3",
};

var links = Object.keys(MyObj).map(function(key) {
  return '<a href="/?categories='+ key + '&type=' + MyObj[key] + '/">' + MyObj[key] + '</a>';
});

console.log(links);

您可以运行该代码片段并查看结果。

OR，ES6 语法:

const links = Object.keys(MyObj).map(key => `<a href="/?categories=${key}&type=${MyObj[key]}/">${MyObj[key]}</a>`);