Javascript数组顺序值从大到小

javascript array order value from big to small

本文关键字:从大到小 顺序 数组 Javascript      更新时间:2023-09-26

我刚开始学习javascript,我从http://www.w3schools.com学习。我想问一些关于javascript中数组的问题。我从那个网站试了这段代码。

试一试
<script>
function myFunction() {
    var index;
    var text = "<ul>";
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    for (index = 0; index < fruits.length; index++) {
        text += "<li>" + fruits[index] + "</li>";
    }
    text += "</ul>";
    document.getElementById("demo").innerHTML = text;
}
</script>

,结果是:香蕉,橘子,苹果,芒果。

,我想问的是,如何改变值,使结果可以是:芒果,苹果,橘子,香蕉?我真的搞不懂"FOR"这个条件。非常感谢你们。我还是初学编程。

试试这个

使用.reverse()

<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
document.getElementById("demo").innerHTML = fruits;
</script>

小提琴:https://jsfiddle.net/87pguc5a/1/

从头到尾迭代:

<script>
function myFunction() {
    var index;
    var text = "<ul>";
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    for (index = fruits.length-1; index >= 0; index--) {
        text += "<li>" + fruits[index] + "</li>";
    }
    text += "</ul>";
    document.getElementById("demo").innerHTML = text;
}
</script>

如果你只想使用for循环来获取目标,你可以使用:

for (index = fruits.length-1; index >= 0; index--) {
    text += "<li>" + fruits[index] + "</li>";
}

首先,索引应该是水果的最后一个索引,因为第一个索引是从数组中的0开始的,所以最后一个索引应该是长度减去1;其次,设置索引的范围应大于0或等于0;最后,索引应该在一个循环后减去自身。

这是使用for循环来反转数组的方法。

Mr Srinivas Pai的方法是最简单的,但是它改变了水果数组中的内容。

您可以创建如下自定义排序

var fruits = ["Banana", "Orangedgsdfjkl", "Apple", "Mango"];
document.getElementById("stringSort").innerHTML = fruits;
function stringLength( value1 , value2 ) {
    // Convert to string and extract the length:
    value1 = value1.toString().length;
    value2 = value2.toString().length;
    return value1>value2 ? 1 : ( value1<value2 ? -1 : 0 );
}
fruits = fruits.sort(stringLength);
document.getElementById("stringSort").innerHTML = fruits;

这里是jsFiddle链接https://jsfiddle.net/87pguc5a/2/

JavaScript中有用的数组方法:

链接到w3