javascript - 数组 Foreach 混淆

Question

如何获取标签属性的每个标签？

let array = [
   {name: "A", tags: ["a", "b"]}, 
   {name: "B", tags: ["a", "b", "c"]}
]

array.forEach(arr => {
   arr.tags.forEach(tag => {
       let str = `${arr.name} : ${tag}`;
       console.log(str);

       // result:
       // A : a
       // A : b
       // B : a
       // B : b
       // B : c
   })
})

但我想要这样的东西

       // result:
       // A : <span>a</span> <span>b</span>
       // B : <span>a</span> <span>a</span> <span>c</span>

对不起，我的英语不好，希望你能理解我的问题

Answer 1

let array = [
   {name: "A", tags: ["a", "b"]}, 
   {name: "B", tags: ["a", "b", "c"]}
]

array.forEach(function(arr){
   var element = arr.name + " : ";
   arr.tags.forEach(function(tag){
       element = element + ('<span>'+tag+'</span>');
   });
   console.log(element);
});