Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung von Beispielen zum Zusammenführen und Sortieren von Arrays in JavaScript

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

怪我咯
怪我咯Original
2017-07-07 15:05:51964Durchsuche

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>

Testergebnisse:

Cecilie,Lone,Emil,Tobias,Linus

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>

Testergebnisse:

Jani,Tove,Stale,Kai Jim,Borge,Cecilie,Lone

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>

Testergebnis:

Apple,Banana,Mango,Orange

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>

Testergebnisse:

1,5,10,25,40,100

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>

Testergebnisse:

100,40,25,10,5,1

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>

Testergebnis:

Mango,Apple,Orange,Banana

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!

Stellungnahme:
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