如何遍历数组/对象并将某些元素添加到 li？-解网

问：

这是我的第一个问题，所以如果它有点模糊，我们深表歉意。我正在学习JS，我已经在一个问题上卡住了几个小时。我得到了一个对象，并被告知将该对象中的某些对象添加到ul中。

{
"dsl": {  
"DSL-I-100000": {
    "DSL-I-100000": {      // Add this to an li  
        "priority": "1",  
            "standard": true,  
            "customer": true,  
            "internet": true,  
            "business": true,  
            "consumer": true,  
            "filename": "DSL-I-100000.json",  
            "download": "100",  
            "vpCategory": "dsli"  
    }
},  
"DSL-IP-100000": {  
    "DSL-IP-100000": {    // Add this to an li  
        "priority": "1",  
            "standard": true,
            "customer": true,
            "internet": true,
            "phone": true,
            "business": true,
            "consumer": true,
            "filename": "DSL-IP-100000.json",
            "download": "100",
            "vpCategory": "dslip"
    }
},  
"DSL-IP-16000": {    
    "DSL-IP-16000": {     // Add this to an li  
        "priority": "1",  
            "standard": true,
            "customer": true,
            "internet": true,
            "phone": true,
            "business": true,
            "consumer": true,
            "filename": "DSL-IP-16000.json",
            "download": "16",
            "vpCategory": "dslip"
    }
},

我的任务是创建一个包含“元代码”的列表，正如我的导师所说的那样。这将是 '“DSL-I-100000”：'，“DSL-IP-100000”：， “DSL-IP-16000”：。最好的方法是什么？我的JS知识非常有限，所以请像向傻瓜一样解释。先谢谢你。

JavaScript 数组 ajax 对象 html 列表

const obj = {
  dsl: {
    "DSL-I-100000": {
      "DSL-I-100000": {
        priority: "1",
        standard: true,
        customer: true,
        internet: true,
        business: true,
        consumer: true,
        filename: "DSL-I-100000.json",
        download: "100",
        vpCategory: "dsli",
      },
    },
    "DSL-IP-100000": {
      "DSL-IP-100000": {
        priority: "1",
        standard: true,
        customer: true,
        internet: true,
        phone: true,
        business: true,
        consumer: true,
        filename: "DSL-IP-100000.json",
        download: "100",
        vpCategory: "dslip",
      },
    },
    "DSL-IP-16000": {
      "DSL-IP-16000": {
        priority: "1",
        standard: true,
        customer: true,
        internet: true,
        phone: true,
        business: true,
        consumer: true,
        filename: "DSL-IP-16000.json",
        download: "16",
        vpCategory: "dslip",
      },
    },
  },
};

const ul = document.querySelector("ul");

Object.keys(obj.dsl).forEach(k => {
  const li = document.createElement("li");
  li.innerText = k;
  ul.appendChild(li);
})

<ul>
</ul>

如何遍历数组/对象并将某些元素添加到 li？

How can I iterate over an array/object and add certain elements to an li?

评论

评论