JavaScript-为什么当我向表中添加新列时，它会说“;未定义的“;在额外的细胞中

JavaScript - Why when I add new columns to my table it says "undefined" in the extra cells

本文关键字：细胞 未定义 为什么 新列时 添加 JavaScript-      更新时间：2023-09-26

当我向表中添加额外的3列时，我的列表项不会填充它们。相反，它在细胞中显示未定义。如果有人可以的话，我理想情况下需要一张6x6的表格来存放我的清单项目。干杯

var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can", "man", "pin", "gag", "sat", "pat", "tap", "sap", "tag", "gig", "gap", "nag", "sag", "gas", "pig", "dig", "got", "not", "top", "pop", "god", "mog", "cot", "cop", "cap", "cod", "kid", "kit", "get", "pet", "ten", "net", "pen", "peg", "met", "men", "mum", "run", "mug", "cup", "sun", "mud", "rim", "ram", "rat", "rip", "rag", "rug", "rot", "dad", "sad", "dim", "dip", "did", "mam", "map", "nip", "tin", "tan", "nap", "sit", "tip", "pip", "sip", "had", "him", "his", "hot", "hut", "hop", "hum", "hit", "hat", "has", "hug", "but", "big", "bet", "bad", "bad", "bed", "bud", "beg", "bug", "bun", "bus", "bat", "bit", "fit", "fin", "fun", "fig", "fan", "fat", "lap", "lot", "let", "leg", "lit" ];
var shuffledWords = listOfWords.slice(0, 6);
 shuffledWords.sort(function () {
   return 0.5 - Math.random();
});
var tbl = document.createElement('table');
tbl.className='tablestyle';
 for (var i = 0; i < shuffledWords.length; i++) {
   var word = shuffledWords[i];
   var row = document.createElement('tr');
 //Here is where I add the extra 3 columns
 for (var j = 0; j < word.length + 3; j++){
   var cell = document.createElement('td');

    cell.textContent = word[j];
    // IF FIREFOX USE cell.textContent = word[j]; INSTEAD
    row.appendChild(cell);
  }
  tbl.appendChild(row);    
}
document.body.appendChild(tbl);

如果你试图每行显示两个单词，你可以这样做：

var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can", "man", "pin", "gag", "sat", "pat", "tap", "sap", "tag", "gig", "gap", "nag", "sag", "gas", "pig", "dig", "got", "not", "top", "pop", "god", "mog", "cot", "cop", "cap", "cod", "kid", "kit", "get", "pet", "ten", "net", "pen", "peg", "met", "men", "mum", "run", "mug", "cup", "sun", "mud", "rim", "ram", "rat", "rip", "rag", "rug", "rot", "dad", "sad", "dim", "dip", "did", "mam", "map", "nip", "tin", "tan", "nap", "sit", "tip", "pip", "sip", "had", "him", "his", "hot", "hut", "hop", "hum", "hit", "hat", "has", "hug", "but", "big", "bet", "bad", "bad", "bed", "bud", "beg", "bug", "bun", "bus", "bat", "bit", "fit", "fin", "fun", "fig", "fan", "fat", "lap", "lot", "let", "leg", "lit" ];
var shuffledWords = listOfWords.slice(0).sort(function () {
    return 0.5 - Math.random();
}).slice(0, 12);
var tbl = document.createElement('table');
tbl.className='tablestyle';
var wordsPerRow = 2;
for (var i = 0; i < shuffledWords.length; i += wordsPerRow) {
    var row = document.createElement('tr');
    for (var j=i; j < i + wordsPerRow; ++ j) {
        var word = shuffledWords[j];
        for (var k = 0; k < word.length; k++){
            var cell = document.createElement('td');

            cell.textContent = word[k];
            // IF FIREFOX USE cell.textContent = word[j]; INSTEAD
            row.appendChild(cell);
        }
    }
    tbl.appendChild(row);    
}
document.body.appendChild(tbl);

添加了一个演示：http://jsfiddle.net/Ks2Nk/

不确定是否试图随机化6x6行中的字母

如果没有尝试

cell.textContent = word[j%3];

但这只是重复这个词

例如，对于mat

你会有

m a t m a t

相关文章：