Javascript W3学校的代码正确吗？_Javascript

Javascript W3学校的代码正确吗？

javascript

Javascript W3学校的代码正确吗？,javascript,Javascript,我在学校学习javascript。我谈到了这个例子。有没有可能把这段代码写得“更好”？它不是过时的吗多谢各位 <!DOCTYPE html> <html> <body> <h1>JavaScript Arrays</h1> <p>The best way to loop through an array is using a standard for loop:</p> <p id="demo"&g

我在学校学习javascript。我谈到了这个例子。有没有可能把这段代码写得“更好”？它不是过时的吗

多谢各位

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arrays</h1>

<p>The best way to loop through an array is using a standard for loop:</p>

<p id="demo"></p>

<script>
var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];
fLen = fruits.length;
text = "<ul>";
for (i = 0; i < fLen; i++) {
    text += "<li>" + fruits[i] + "</li>";
}
text += "</ul>";
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>


JavaScript数组
通过数组循环的最佳方法是使用标准for循环：

var fruits，text，fLen，i；
水果=[“香蕉”、“橘子”、“苹果”、“芒果”]；
fLen=果实长度；
text=“”；
对于（i=0；i”+水果[i]+“”；
}
text+=“”；
document.getElementById（“demo”）.innerHTML=text；

不知道它是否真的更好，但无论如何它都更短，并且使用了更“现代”的功能

let fruits = ["Banana", "Orange", "Apple", "Mango"],
    text   = fruits.map( (fruit) => '<li>' + fruit + '</li>' );

document.querySelector('#demo').innerHTML = '<ul>' + text.join('') + '</ul>';

让水果=[“香蕉”、“橘子”、“苹果”、“芒果”]，
text=fruits.map（（fruit）=>''+fruit+''）；
document.querySelector（'#demo'）.innerHTML=''+text.join（''）+''；

您可以在html中创建

<ul id="fruitUl"></ul>

然后

text=”“；
对于（i=0；i”+水果[i]+“”；
}
$（“水果”）。附加（文本）；

这也是古董。这只是我的意见。

我会提出这个建议


JavaScript数组
通过数组循环的最佳方法是使用标准for循环：

var水果=[“香蕉”、“橙子”、“苹果”、“芒果”]；
var-fVar=0；
var fLen=果实长度；
var htmlContent=“”；
对于（fVar=0；fVar”+水果[fVar]+“”；
}
htmlContent+=“”；
document.getElementById（“demo”）.innerHTML=htmlContent；

这是一个工作代码。。。对于这样的操作，您可以使用jQuery。当然，有很多方法可以编写相同的代码，但我们不知道您所说的“更好”是什么意思。你们是在谈论性能还是优雅？W3C和W3C并没有任何关系FYI@Liam是的，你是对的sorry@SniCel请注意，“更好”是一个主观术语，学校的目标是向初学者学习。因此，他们将不得不使用命令式编程。有很多方法可以用更少的行数获得相同的结果，但您应该首先了解基本知识Map？join在这种情况下听起来更好不<代码>'

'+[“香蕉”、“橘子”、“苹果”、“芒果”]。加入（'
'）+'

'我个人不喜欢你在那里使用连接的方式，因为对我来说，它的结构不像我发布的代码那样。但是我的代码中遗漏了一个

join（）

，谢谢。

text="";
for (i = 0; i < fLen; i++) {
    text += "<li>" + fruits[i] + "</li>";
}
$("fruitUl").append(text);