JS渲染輸出字符串拼接的html不該帶逗號的問題

navMenuData.sort(sortID).map((item) => {
   let option;
   if (item.options) {
      let optionJSON = JSON.parse(item.options)
      option = optionJSON.map((item) => {
         return `<a href="#">${item.name}</a>`
      })
   }
   let render = `<div class="category-wrap">
                      <div class="category-text-title">
                           <h5>${item.displayName}</h5>
                      </div>
                      <div class="category-text-desc">
                          ${option}
                      </div>
                </div>`
   $('.allMenuMain').prepend(render)})

console.log(option)

<a href="#">全國</a>,<a href="#">北京</a>,<a href="#">上海</a>,<a href="#">廣東</a>,<a href="#">浙江</a>,<a href="#">湖北</a>,<a href="#">湖南</a>,<a href="#">江蘇</a>,<a href="#">陜西</a>,<a href="#">山西</a>,<a href="#">天津</a>,<a href="#">重慶</a>,<a href="#">河北</a>,<a href="#">河南</a>,<a href="#">四川</a>,<a href="#">安徽</a>,<a href="#">福建</a>,<a href="#">廣西</a>,<a href="#">山東</a>,<a href="#">遼寧</a>,<a href="#">吉林</a>,<a href="#">海南</a>,<a href="#">內(nèi)蒙古</a>,<a href="#">黑龍江</a>,<a href="#">香港</a>,<a href="#">東北</a>,<a href="#">廣州</a>,<a href="#">深圳</a>,<a href="#">成都</a>,<a href="#">南京</a>

JS渲染輸出字符串拼接的html怎么會有逗號，那么怎么處理的？