第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

當我在模板文字中使用 .map 時，為什么我的輸出中有逗號？

當我在模板文字中使用 .map 時，為什么我的輸出中有逗號？

慕運維8079593 2022-10-27 14:19:20
我有這樣的變量和循環(huán)：var htmlmask = `<table>    <tr>        <td>種類</td>        <td>            <div class="form-element maskselectop">                <select class="form-element">                    ${masktypes.map((masktype, i)=>{                        let option = '';                        return option = `<option value="${masktype}" ${(i === 0) ? 'selected' : ''}>${masktype}</option>`;                    })}                </select>            </div>        </td>    </tr>  </table>`;$('body').html(htmlmask);你能告訴我為什么在返回后comma出現(xiàn)option？我的語法有什么問題？
查看完整描述

2 回答

?
茅侃侃

TA貢獻1842條經(jīng)驗 獲得超22個贊

因為Array.prototype.map函數(shù)返回一個新數(shù)組。當您將數(shù)組連接到字符串時，數(shù)組也會轉(zhuǎn)換為字符串。并且當數(shù)組轉(zhuǎn)換為字符串時，它用逗號分隔。


const arr = ['<a>', '<b>'];  
console.log(arr.toString()); // <a>,<b>

我會使用該Array.prototype.reduce函數(shù)將數(shù)組減少為單個字符串。

masktypes.reduce((acc, masktype, i) => 
    acc + `<option value="${masktype}" ${(i === 0) ? 'selected' : ''}>${masktype}</option>`, '')

所以完整的代碼會變成：

const masktypes = ["1", "2"];


var htmlmask = `

    <table>

        <tr>

            <td>種類</td>

            <td>

                <div class="form-element maskselectop">

                    <select class="form-element">

                        ${masktypes.reduce((acc, masktype, i) => 

                            acc + `<option value="${masktype}" ${(i === 0) ? 'selected' : ''}>${masktype}</option>`, '')}

                    </select>

                </div>

            </td>

        </tr>

      </table>`;


$('body').html(htmlmask);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


查看完整回答
反對 回復 2022-10-27
?
蠱毒傳說

TA貢獻1895條經(jīng)驗 獲得超3個贊

它使您的元素數(shù)組成為字符串。利用


<select class="form-element">

    ${masktypes.map((masktype, i)=>{

        let option = '';

        return option = `<option value="${masktype}" ${(i === 0) ? 'selected' : ''}>${masktype}</option>`;

    }).join("")}

</select>

只需添加.join("")，它就會加入沒有逗號。


查看完整回答
反對 回復 2022-10-27
  • 2 回答
  • 0 關注
  • 317 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號