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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

當(dāng)我在模板文字中使用 .map 時(shí)，為什么我的輸出中有逗號(hào)？

當(dāng)我在模板文字中使用 .map 時(shí)，為什么我的輸出中有逗號(hào)？

慕運(yùn)維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？我的語(yǔ)法有什么問(wèn)題？
查看完整描述

2 回答

?
茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超21個(gè)贊

因?yàn)?a >Array.prototype.map函數(shù)返回一個(gè)新數(shù)組。當(dāng)您將數(shù)組連接到字符串時(shí)，數(shù)組也會(huì)轉(zhuǎn)換為字符串。并且當(dāng)數(shù)組轉(zhuǎn)換為字符串時(shí)，它用逗號(hào)分隔。


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

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

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

所以完整的代碼會(huì)變成：

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>


查看完整回答
反對(duì) 回復(fù) 2022-10-27
?
蠱毒傳說(shuō)

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊

它使您的元素?cái)?shù)組成為字符串。利用


<select class="form-element">

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

        let option = '';

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

    }).join("")}

</select>

只需添加.join("")，它就會(huì)加入沒(méi)有逗號(hào)。


查看完整回答
反對(duì) 回復(fù) 2022-10-27
  • 2 回答
  • 0 關(guān)注
  • 307 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)