技术咨询：如何在jQuery中将数组插入字符串？

嘿，这个需求其实挺常见的，我给你分享两种实用的处理方式，看哪种更符合你的场景：

1. 把数组拼接成单个HTML字符串 #

如果你的目标是把数组里的所有option标签合并成一个完整的字符串，再插入到其他字符串（比如构建完整的select标签）里，直接用JavaScript原生的join()方法就搞定了：

var fonts = ["<option>Arial</option>","<option>Arial Black</option>","<option>Calibri</option>","<option>Courier New</option>","<option>Comic Sans MS</option>","<option>Garamond</option>","<option>Georgia</option>","<option>Impact</option>","<option>Tahoma</option>","<option>Palatino</option>","<option>Times New Roman...</option>"];

// 用空字符串拼接数组所有元素，得到完整的option列表字符串
var optionsHtml = fonts.join('');

// 比如把它插入到select标签的字符串里
var fullSelectHtml = '<select name="font-choice">' + optionsHtml + '</select>';

join('')会把数组里的每一项无缝拼接在一起，刚好符合你需要的字符串形式。

2. 直接插入到DOM元素中（更常用的jQuery方式） #

如果你的最终目的是把这些option插入到页面上的<select>元素里，那用jQuery的方法会更简洁——不需要手动拼接字符串，直接把数组传给append()或者html()就行：

假设页面上有个这样的select元素：

<select id="font-select"></select>

然后用jQuery处理：

var fonts = ["<option>Arial</option>","<option>Arial Black</option>",...];

// 追加到select的末尾（如果原来有option会保留）
$('#font-select').append(fonts);

// 或者替换select里的所有内容（清空原有option再插入）
$('#font-select').html(fonts);

jQuery会自动把数组里的HTML字符串拼接起来，然后插入到DOM中，非常省心。

内容的提问来源于stack exchange，提问作者Dom