JavaScript で配列を反転する 4 つの実用的な方法

 

この記事では主に、JavaScript で配列を反転するためによく使用される 4 つのメソッドを紹介します。配列を反転すると、特定のニーズを満たすために、配列内の要素の順序を反転できます。コードについては、この記事で詳しく紹介します。必要な友達ダウンを参照できます

1. For ループを使用して配列を反転します。

このメソッドでは降順ループを使用して、指定された配列の各要素を反復処理します。配列の最後の要素がループの開始点 (arr.length — 1) となり、配列の開始点に到達する (i ≥ 0) までループが実行されます。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
function reverseArray1(arr) {
    var newArr = [];
    for (let index = arr.length - 1; index >= 0; index--) {
        newArr.push(arr[index]);
    }
    return newArr;
}
console.log(reverseArray1(arr));

reverseArray1 関数は、配列 ( arr ) をパラメーターとして受け取り、指定された配列を逆方向にループすることによって、同じ要素を逆の順序で含む新しい配列 ( newArr ) を作成します ( let i = arr.length - 1; i >= 0 ; i -- )。このソリューションでは、要素を新しい配列にプッシュして保存するため、元の配列は変更されませんが、これには余分なスペースが必要になります。

2. Unshift() メソッドを使用して配列を反転します。

この方法は最初の方法とあまり変わりません。反転した配列を格納するために追加の変数も使用するため、元の配列は変更されません。

function reverseArray2(arr) {
    var newArr = [];
    arr.forEach(element => {
        // unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
        newArr.unshift(element);
    });
    return newArr;
}
console.log(reverseArray2(arr));

reverseArray2 関数は、指定された配列 ( arr ) を最初から最後まで走査します。新しい配列 ( newArr ) で unshift メソッドを使用し、各要素を配列 ( newArr[0] ) の先頭に挿入します。2 番目の解決策は、反転した配列を別の変数 ( newArr ) に格納するためにより多くのメモリを必要とするため、最初の解決策よりもスペース効率が低くなります。

3. 配列をその場で反転します: (元の配列を変更します)

reverse メソッドと同様に、最後のメソッドでも元の配列の要素を元の位置に反転して変更します。この解決策、つまり配列をその場で反転することは、前の 2 つの解決策よりもはるかに複雑です。

function reverseArray3(arr) {
    for (let index = 0; index < Math.floor(arr.length / 2); index++) {
        // 借助第三方变量交换两个变量的值
        var temp = arr[index];
        arr[index] = arr[arr.length - 1 - index];
        arr[arr.length - 1 - index] = temp
    }
    return arr;
}
console.log(reverseArray3(arr));

在上面的代码中，我们使用Math.floor向下舍入( i < Math.floor(arr.length/2) ) i < Math.floor(arr.length/2)给定数组的一半元素。 然后将数组的元素放在第一位和最后一位，第二位与第二位到最后一位，依此类推。 代替使用局部绑定，我们使用数组解构来交换其元素。

4.直接调用 reverse()：

console.log(['a','b','c','d'].reverse());

到此这篇关于JavaScript反转数组常用的4种方法的文章就介绍到这了,希望可以帮到你。

转自：微点阅读   https://www.weidianyuedu.com