Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据给定的字母数创建特定数量的div? 函数一切(){ 变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”] var rand=words[Math.floor(Math.random()*words.length)]; var single=rand.split(“”); 变量框=$(“”+单个+“”); $(“正文”)。附加(方框); }_Javascript_Jquery - Fatal编程技术网

Javascript 如何根据给定的字母数创建特定数量的div? 函数一切(){ 变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”] var rand=words[Math.floor(Math.random()*words.length)]; var single=rand.split(“”); 变量框=$(“”+单个+“”); $(“正文”)。附加(方框); }

Javascript 如何根据给定的字母数创建特定数量的div? 函数一切(){ 变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”] var rand=words[Math.floor(Math.random()*words.length)]; var single=rand.split(“”); 变量框=$(“”+单个+“”); $(“正文”)。附加(方框); },javascript,jquery,Javascript,Jquery,我想知道如何根据随机单词所选字母的数量来创建独立div的数量 如何将所选单词的每个字母放入其各自的div框中 您需要一个for循环来遍历字符 试试这个: var single = '<div>' + rand.split('').join('</div><div>') + '</div>'; 函数一切(){ 变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”] var rand=words[Math.floor(Math.random()*word

我想知道如何根据随机单词所选字母的数量来创建独立div的数量

如何将所选单词的每个字母放入其各自的div框中

您需要一个
for循环
来遍历字符

试试这个:

var single = '<div>' + rand.split('').join('</div><div>') + '</div>';
函数一切(){
变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”]
var rand=words[Math.floor(Math.random()*words.length)];
var single=rand.split(“”);
对于(变量i=0;i

最简单的方法是拆分,然后再次合并:

    function everything() {
      var words = ["dog", "coat", "cough", "coffee"] 
      var rand = words[Math.floor(Math.random() * words.length)];
      var single = rand.split("");
      var box = $("<div>" + single + "</div>");
      $("body").append(box);         
    }
var single=''+rand.split('').join('')+'';
试试这个:

var single = '<div>' + rand.split('').join('</div><div>') + '</div>';
函数一切(){
变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”]
var rand=words[Math.floor(Math.random()*words.length)];
对于(变量i=0;i
您必须包括jquery

function everything() {
  var words = ["dog", "coat", "cough", "coffee"]
  var rand = words[Math.floor(Math.random() * words.length)];
  for (var i = 0; i < rand.length; i++) {
     var box = "<div>" + rand.substring(i,i+1) + "</div>";
     $("body").append(box);
  }
}
everything();

rand.split(“”)
之后,可以使用强大的数组方法

你可以用

函数一切(){
变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”];
var rand=words[Math.floor(Math.random()*words.length)];
$(“body”).append(rand.split(“”).map(函数(字母){
返回$(“”+字母+“”);
}).加入(“”);
}

函数一切(){
变量词=[“狗”、“大衣”、“咳嗽”、“咖啡”];
var rand=words[Math.floor(Math.random()*words.length)];
$(“body”).append(rand.split(“”).reduce(函数(str,字母){
返回str+“”+字母+“”;
}, ''));
}
这就是说,在这种情况下,两者都是杀伤力过大。考虑到除了包装字母外,字母没有任何变换,@Andy的解决方案更可取

function everything() {
    var words = ["dog", "coat", "cough", "coffee"];
    var rand = words[Math.floor(Math.random() * words.length)];
    $("body").append(rand.split('').map(function(letter) {
        return $("<div>" + letter + "</div>");
    }).join(''));
}
function everything() {
    var words = ["dog", "coat", "cough", "coffee"];
    var rand = words[Math.floor(Math.random() * words.length)];
    $("body").append(rand.split('').reduce(function(str, letter) {
        return str + "<div>" + letter + "</div>";
    }, ''));
}