javascript - 是否可以生成所有表情符号并附加到选择下拉列表中？

Question

是否有任何可能的方法来使用 JavaScript 生成所有表情符号并将它们附加到单个选择下拉列表中？或者我必须手动输入它们中的每一个？

<select>
    <option>🍰</option>
    <option>🐲</option>
<select>

<script>
function()
{
    // How do I put all the emojis into the select dropdown..?
}
</script>

Answer 1

您可以定义不同表情符号范围的开始值和结束值。然后，您可以遍历每个范围并将表情符号附加到选项标签。

var mySelect = document.getElementById('mySelect')
var newOption;
var emojRange = [
  [128513, 128591], [9986, 10160], [128640, 128704]
];
//inside emojRange 2d array , define range arrays (start number,end number).
//1st array : Emoticons icons
//2nd range : Dingbats.
//3rd range : Transport and map symbols
for (var i = 0; i < emojRange.length; i++) {
  var range = emojRange[i];
  for (var x = range[0]; x < range[1]; x++) {

    newOption = document.createElement('option');
    newOption.value = x;
    newOption.innerHTML = "&#" + x + ";";
    mySelect.appendChild(newOption);
  }

}

我从这个站点获取了十六进制范围:http://apps.timwhitlock.info/emoji/tables/unicode .

var mySelect = document.getElementById('mySelect')
var newOption;
var emojRange = [
  [128513, 128591] ,[9986,10160],[128640,128704]
];
//inside array define range arrays.
//1st array : Emoticons icons
//2nd range : Dingbats.
//3rd range : Transport and map symbols
for (var i = 0; i < emojRange.length; i++) {
  var range = emojRange[i];
  for (var x = range[0]; x < range[1]; x++) {

    newOption = document.createElement('option');
    newOption.value = x;
    newOption.innerHTML = "&#" + x + ";";
    mySelect.appendChild(newOption);
  }

}

option {
  font-size:50px;
}

<select id="mySelect">
</select>