在代碼編程中,有時候需要將數組類型變量內的元素顛倒一下順序再輸出,雖然聽起來很簡單,但操作起來就有點復雜了。接下來,飛鳥慕魚博客就來說一說,前端js代碼中將數組元素倒序排列的方法。

js reverse() 方法介紹

国产视频appreverse():方法用于顛倒數組中元素的順序(倒序)。

語法:

array.reverse()

国产视频app注意:此方法并不會創建一個新數組,只會改變原來數組中元素的順序,沒有返回值。

js 使用 reverse() 方法使數組元素倒序排列

示例1:

js代碼:

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

打印結果:

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

示例2:

国产视频app由使用 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、不推薦使用此方法,僅用于個人測試用