Question

好吧，尴尬地问这样一个基本问题但是这里有。是的，我用谷歌搜索了它，但由于某种原因，灯泡不会熄灭。

所以，这是一个示例代码：

var name = "Oy Vey";

for(var i = 0; i < name.length; i++) {
    return name[i];
};

如何在浏览器的控制台中输出？

或者在网页上打印出结果？

（是的，我知道，基本问题。请善待）

Answer 1

更改此行：

return name[i];

到这一行：

console.log(name[i]);

Answer 2

您可以使用console.log将内容写入控制台：

for(var i = 0; i < name.length; i++) {
    console.log(name[i]);
};

另一种检查值的方法是使用alert()，它会在对话框中显示您提供的值：

if (name != 'bob') {
    alert("Access denied");
}

在页面中显示数据会更复杂。一些快速的方法是直接操作DOM：

document.getElementById("myparagraph").innerHTML = name;

或者使用JQuery：

$("#myparagraph").text(name);

这两种方法都依赖于一个元素（ID myparagraph，您可以将其更改为您喜欢的任何元素）来保存文本。理想情况下，它会是<p>，<span>或标题。

Answer 3

您可以使用console.log(name[i])从阵列内部在控制台中打印。要在网页上打印结果，您需要执行以下操作：

var name = "Oy Vey";

for(var i = 0; i < name.length; i++) {
    document.body.innerText += name[i] // print data in body
    console.log(name[i]); // print data in console
    // return name[i]; //  gives an error if not used in a function
};

您还可以使用alert("dummy_string")来提醒数据。

Answer 4

如果在循环中使用return语句，则只能获得迭代的第一个结果。您可以使用console.log()或者您可以使用html来渲染结果，如下所示：

 <!DOCTYPE html>
    <html>
    <body>

    <h2>JavaScript output</h2>

    <p id="demo"></p>

    <script>
    var name = "Oy Vey";
    var leng_name = "";
    var i;
    for (i = 0; i < name.length; i++) {
        leng_name += i + 
"<br>";
    }
    document.getElementById("demo").innerHTML = leng_name;
    </script>

    </body>
    </html>

Answer 5

在你的情况下

for(var i = 0; i < name.length; i++){
    console.log(name[i]);
}

将输出放在当前页面检查

getElementById
getElementsByTagName
getElementsByClassName

了解更多w3Schools

如何将结果输出到控制台或页面

5 个答案: