Ist dieser Code von w3school korrekt?

-2

Ich lerne Javascript von w3school. Ich bin zu diesem Beispiel gekommen. Gibt es eine Möglichkeit, diesen Code "besser" zu schreiben? Ist es nicht antiquiert?Ist dieser Code von w3school korrekt?

Danke

<!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>

Quelle

2016-10-21 Coder

Dies ist ein Arbeitscode ... Für Aktionen wie diese können Sie jQuery verwenden. – Dzhambazov

sicher gibt es viele Möglichkeiten, den gleichen Code zu schreiben, aber wir wissen nicht, was Sie mit "besser" meinen. sprichst du über leistung oder eleganz? – Aziz

W3Schools hat nichts zu tun mit dem W3C FYI – Liam

Ich werde diese

<!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 = ["Banana", "Orange", "Apple", "Mango"]; 
 
     var fVar = 0; 
 
     var fLen = fruits.length; 
 
     var htmlContent = "<ul>"; 
 
     for (fVar = 0; fVar < fLen; fVar++) { 
 
     htmlContent += "<li>" + fruits[fVar] + "</li>"; 
 
     } 
 
     htmlContent += "</ul>"; 
 
     document.getElementById("demo").innerHTML = htmlContent; 
 
    </script> 
 

 
</body> 
 
</html>

Dies ist der Array-Konzept nichts mehr zu verstehen, deuten darauf hin, nur eine grundlegende Code ist.

Quelle

2016-10-21 09:06:28 Nitheesh

Danke @Nitheesh! – Coder

Gern geschehen. – Nitheesh

Sie wissen nicht, ob es tatsächlich besser, aber in jedem Fall ist es kürzer und „modern“ Features verwendet.

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

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

Quelle

2016-10-21 09:02:59 Sirko

Karte? Join klingt in diesem Fall besser nein? ' '

'+ [ "Banana", "Orange", "Apple", "Mango"]. Join ('
') +'

'' – Kaiido

ich persönlich schließt sich in der Art und Weise nicht mögen Sie sie verwenden es als für mich ist es nicht so strukturiert wie der Code, den ich gepostet habe. Aber ich verpasse sowieso eine 'Join()' in meinem Code, also danke. – Sirko

Sie erstellen können, in Ihnen

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

html dann

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

ist dies auch antik. es ist nur meine Meinung.

Quelle

2016-10-21 09:04:43

Ist dieser Code von w3school korrekt?

Antwort

Verwandte Themen