Maison > Article > interface Web > Explication détaillée des exemples de fusion et de tri de tableaux en JavaScript

Explication détaillée des exemples de fusion et de tri de tableaux en JavaScript

怪我咯original: 2017-07-07 15:05:51998parcourir

Cet article présente principalement les exemples d'implémentation de fusion et de tri de tableaux en JavaScript C'est les connaissances de base pour l'apprentissage d'introduction à JavaScript. Les amis qui en ont besoin peuvent se référer à

Fusionner deux tableaux - concat()
Code source :

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

Résultats des tests :

Cecilie,Lone,Emil,Tobias,Linus

Fusionner trois tableaux - concat()
Code source :

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

Résultats des tests :

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

Tri des tableaux (ordre alphabétique croissant) -sort()
Code source :

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

Résultat du test :

Apple,Banana,Mango,Orange

Tri des nombres (ordre numérique croissant)- sort()
Code source :

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

Résultats des tests :

1,5,10,25,40,100

Tri numérique (ordre numérique décroissant) - sort()
Code source :

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

Résultats des tests :

100,40,25,10,5,1

Inverser l'ordre des éléments dans un tableau - reverse()
Code source :

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

Résultat du test :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une brève introduction à cette variable en JSArticle suivant：Une brève introduction à cette variable en JS

Articles Liés

Voir plus