Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung von Beispielen zum Zusammenführen und Sortieren von Arrays in JavaScript

怪我咯
Freigeben: 2017-07-07 15:05:51
Original
963 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich Implementierungsbeispiele für das Zusammenführen und Sortieren von Arrays in JavaScript vorgestellt. Es handelt sich um Grundkenntnisse für den Einstieg in das Erlernen von JavaScript.

Zwei Arrays zusammenführen - concat()
Quellcode:

<!DOCTYPE html>
<html>
<body>

<p id="demo">点击按钮合并数组。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction()
{
var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);
var x=document.getElementById("demo");
x.innerHTML=children;
}
</script>

</body>
</html>
Nach dem Login kopieren

Testergebnisse:

Cecilie,Lone,Emil,Tobias,Linus
Nach dem Login kopieren

Drei Arrays zusammenführen - concat()
Quellcode:

<!DOCTYPE html>
<html>
<body>

<script>

var parents = ["Jani", "Tove"];
var brothers = ["Stale", "Kai Jim", "Borge"];
var children = ["Cecilie", "Lone"];
var family = parents.concat(brothers, children);
document.write(family);

</script>

</body>
</html>
Nach dem Login kopieren

Testergebnisse:

Jani,Tove,Stale,Kai Jim,Borge,Cecilie,Lone
Nach dem Login kopieren

Array-Sortierung (alphabetisch aufsteigende Reihenfolge) -sort()
Quellcode:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>

</body>
</html>
Nach dem Login kopieren

Testergebnis:

Apple,Banana,Mango,Orange
Nach dem Login kopieren

Zahlensortierung (aufsteigende numerische Reihenfolge)- sort()
Quellcode:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
var x=document.getElementById("demo");
x.innerHTML=points;
}
</script>

</body>
</html>
Nach dem Login kopieren

Testergebnisse:

1,5,10,25,40,100
Nach dem Login kopieren

Numerische Sortierung (absteigende numerische Reihenfolge) - sort()
Quellcode :

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to sort the array.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});
var x=document.getElementById("demo");
x.innerHTML=points;
}
</script>

</body>
</html>
Nach dem Login kopieren

Testergebnisse:

100,40,25,10,5,1
Nach dem Login kopieren

Kehren Sie die Reihenfolge der Elemente in einem Array um – reverse()
Quellcode:

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to reverse the order of the elements in the array.</p>

<button onclick="myFunction()">Try it</button>

<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction()
{
fruits.reverse();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>

</body>
</html>
Nach dem Login kopieren

Testergebnis:

Mango,Apple,Orange,Banana
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen zum Zusammenführen und Sortieren von Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!