Array Foreach Confusion

user_14353069 0
Viewed 64

How to get each tag of tags property?

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
   })
})

But I want something like this

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

Sorry, my english is bad, hope you can understand what is my question

javascript
1 Answers

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);
});

user_44236950
Related