suchen

Heim  >  Artikel  >  Web-Frontend  >  Beispiel für das Zusammenführen und Sortieren von Arrays in JavaScript_Grundkenntnisse

Beispiel für das Zusammenführen und Sortieren von Arrays in JavaScript_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 15:35:181346Durchsuche

Zwei Arrays kombinieren – concat()
Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">点击按钮合并数组。</p>
&#8203;
<button onclick="myFunction()">点我</button>
&#8203;
<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>
&#8203;
</body>
</html>

Testergebnisse:

Cecilie,Lone,Emil,Tobias,Linus


Drei Arrays kombinieren – 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 aufsteigend) - sort()
Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to sort the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
&#8203;
</body>
</html>

Testergebnisse:

Apple,Banana,Mango,Orange

Numerische Sortierung (aufsteigende numerische Reihenfolge) – sort()
Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to sort the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<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>
&#8203;
</body>
</html>

Testergebnisse:

1,5,10,25,40,100

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

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to sort the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<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>
&#8203;
</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>
&#8203;
<p id="demo">Click the button to reverse the order of the elements in the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
&#8203;
function myFunction()
{
fruits.reverse();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
&#8203;
</body>
</html>

Testergebnisse:

Mango,Apple,Orange,Banana

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
Vorheriger Artikel：Verwenden Sie jquery, um Js-Dateien und CSS-Dateien_jquery dynamisch zu ladenNächster Artikel：Verwenden Sie jquery, um Js-Dateien und CSS-Dateien_jquery dynamisch zu laden

In Verbindung stehende Artikel

Mehr sehen