在代码编程中,有时候需要将数组类型变量内的元素颠倒一下顺序再输出,虽然听起来很简单,但操作起来就有点复杂了。接下来,飞鸟慕鱼博客就来说一说,前端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、不推荐使用此方法,仅用于个人测试用