javascript中数组倒序排列的方法

重要的人越来越少,剩下的越来越重要。拼你想要的,争你没有的。要想人前显贵,就得背后遭罪。最穷不过要饭,不死终会出头!

在代码编程中,有时候需要将数组类型变量内的元素颠倒一下顺序再输出,虽然听起来很简单,但操作起来就有点复杂了。接下来,就来说一说,前端js代码中将数组元素倒序排列的方法。

js reverse() 方法介绍

reverse():方法用于颠倒数组中元素的顺序(倒序)。

语法:

array.reverse()

注意:此方法并不会创建一个新数组,只会改变原来数组中元素的顺序,没有返回值。

js 使用 reverse() 方法使数组元素倒序排列

示例1:

js代码:

<script>
    var arr = new Array('1','2','3','4');
    arr.reverse();
    console.log(arr);
</script>

打印结果:

["4", "3", "2", "1"]

示例2:

由使用 reverse() 方法后,数组的元素顺序会被改变,如果想保留原数组的元素顺序,可参考下面的示例代码。

js代码:

<script>
    var arr = new Array(3);
    arr[0] = 'a';
    arr[1] = 'b';
    arr[2] = 'c';
    // 将数组赋值给一个新的数组变量
    // 关于 concat() 方法参考本博客相关文章
    var arr2 = arr.concat();
    // 新的数组元素顺序被颠倒
    arr2.reverse();
    console.log(arr);
    console.log(arr2);
</script>

打印结果:

["a", "b", "c"]
["c", "b", "a"]

js 数组元素倒序排列的方法

js代码:

<script>
    // feiniaomy.com
    var arr = new Array(3);
    arr[0] = 'a';
    arr[1] = 'b';
    arr[2] = 'c';
    // 声明一个空的数组
    var arr2 = new Array();
    s = 0;
    //将原数据倒序输出,并赋值给新数组
    for (i = (arr.length - 1); i > -1; i--) {
        arr2[s] = arr[i];
        s++;
    }
    //
    //打印原数组
    console.log(arr);
    //打印新的数组
    console.log(arr2);
</script>

运行结果:

["a", "b", "c"]
["c", "b", "a"]

代码说明:

1、上面的代码,没有借助 reverse() 方法

2、原数组的元素顺序会保持不变

3、不推荐使用此方法,仅用于个人测试用

以上就是javascript中数组倒序排列的方法。活着时候就要快乐些,因为我们会死很久。更多关于javascript中数组倒序排列的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法