1. 程式人生 > 實用技巧 >vue 遍歷兩個陣列 拼接字串

vue 遍歷兩個陣列 拼接字串

        if (this.sciType.length>0) {
          let data = type&&type.split(',')
          // 先查找出兩個陣列符合的選項 放回一個新的陣列
          let  filterarr = this.sciType.filter(sci=>{
            return data&&data.includes(sci.value+'')
          })
          // 遍歷迴圈新陣列 拼接字串
          let string = ''
filterarr.map(item=>{ string+= item.name+ ',' }) // 判斷擷取最後一個逗號 if (string.length > 0) { string = string.substr(0, string.length - 1) } return string }
先查找出兩個陣列符合的選項 放回一個新的陣列
 let  filterarr = this.sciType.filter(sci=>{
            
return data&&data.includes(sci.value+'') })
遍歷迴圈新陣列 拼接字串

          let string = ''
          filterarr.map(item=>{
            string+= item.name+ ','
          })
 
判斷擷取最後一個逗號

if (string.length > 0) {
            string = string.substr(0, string.length - 1)
          }

頁面呼叫:

        <template v-if="item.prop === 'journalType'">
              {{getjournalType(scope.row[item.prop])}}
            </template>

顯示: