javascript数组顺序值从大到小

时间:2015-07-21 08:09:03

标签: javascript html

我刚开始学习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>

结果是:Banana,Orange,Apple,Mango。

我要问的是,如何改变价值,结果可能是:芒果,苹果,橙子,香蕉?我真的很困惑,以制造“FOR”条件。十分感谢大家。我还是初学编程。

5 个答案:

答案 0 :(得分:3)

试试这个。

使用.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/

答案 1 :(得分: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>

答案 2 :(得分:1)

如果您只想使用for循环来实现目标,可以使用:

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

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

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

Srinivas Pai先生的方式是最简单的,但它改变了水果阵列中的内容。

答案 3 :(得分:0)

您可以创建自定义排序

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/

答案 4 :(得分:0)

JavaScript的有用数组方法:

link to w3