循环遍历对象数组，并在html标记Javascript中显示prop的值

我是JS新手，我正在尝试一个练习。 我想在一个对象内的一个对象数组中循环，并将一个对象的索引值映射到另一个对象内的id值，并在此基础上执行一些操作。 我的目标：

        obj= {
          "text": [{
          "id": 0,
          "name": "aaa"
          },{
          "id": 1,
          "name": "bbb"
          },{
           "id": 3,
          "name": "ccc"
          },{
          "id": 4,
          "name": "ddd"
          }],
  "content": [
      {
      "id": 123,
      "index": 0
      },{
       "id": 1232,
      "index": 2
      },{
       "id": 12333,
      "index": 3
      }
      ]
        }

本节分为两部分：， 1） 要在

文本

对象中以以下形式呈现

名称

属性的值：

aaa
bbb
ccc
ddd
eee
fff

2） 我想根据

内容

对象中提供的索引，在每组名称值之后添加

-

。基本上，我想将内容对象中的索引值映射到文本对象中的id值，并根据它们，在名称值之后添加

-

。 i、 e：在上述情况下，指数为：0,2,3。因此，o/p将类似于：

aaa
bbb
-
ccc
-
ddd

以下是我到目前为止为第1部分编写的代码：

function string () {
var arr = obj.text;
      var output = '';
    for(var i=0; i<arr.length; i++) {
        output += '<div>'+ arr[i].text + '</div>';  
    }
    document.getElementById("container").innerHTML =  output;
};

函数字符串（）{
var arr=obj.text；
var输出=“”；
对于（var i=0；i，在我看来这是一个简单的问题，所以这里有一个解决方案，我只是想知道我是否错过了问题的一个微妙之处


const
obj={text:[{id:0，名称：“aaa”}
，{id:1，名称：“bbb”}
，{id:3，名称：“ccc”}
，{id:4，名称：“ddd”}
] 
，内容：[{id:123，索引：0}
，{id:1232，索引：2}
，{id:12333，索引：3}
] 
} 
函数字符串（）
{
设a_text=obj.text
，a_content=obj.content
，Container=document.getElementById（“容器”）
，c_指数=0
如果（a_内容[c_索引]。索引===0）c_索引++
for（设i=0；i=a_内容[c_索引].Index）
{
c_指数++
设barDiv=document.createElement（'div'）
barDiv.textContent='-'
容器。附加子对象（barDiv）
}
让NewDiv=document.createElement（'div'）
NewDiv.textContent=a_text[i]。名称
Container.appendChild（NewDiv）
}
}
string（）