1.使用For循環(huán)反轉(zhuǎn)數(shù)組：

我們將為這種方法使用遞減循環(huán)，以迭代給定數(shù)組的每個元素。 數(shù)組的最后一個元素將是循環(huán)的起點(diǎn)(arr.length — 1) ，它將一直運(yùn)行直到到達(dá)數(shù)組的起點(diǎn)(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函數(shù)將一個數(shù)組( arr )作為參數(shù)，并通過向后循環(huán)遍歷給定的數(shù)組，以相反的順序創(chuàng)建一個相同元素的新數(shù)組( newArr )( let i = arr.length - 1; i >= 0; i -- )。 此解決方案不會修改原始數(shù)組，因?yàn)樗鼤⒃赝迫氩⒋鎯υ谛聰?shù)組中，這會占用額外的空間。

2.使用Unshift()方法反轉(zhuǎn)數(shù)組：

這種方法與第一種方法沒有很大不同，因?yàn)樗€使用一個額外的變量來存儲反向數(shù)組，因此，原始數(shù)組保持不變。

        function reverseArray2(arr) {
            var newArr = [];
            arr.forEach(element => {
                // unshift() 方法可向數(shù)組的開頭添加一個或更多元素，并返回新的長度。
                newArr.unshift(element);
            });
            return newArr;
        }
        console.log(reverseArray2(arr));

reverseArray2函數(shù)從頭到尾遍歷給定數(shù)組( arr )。 它在新數(shù)組( newArr )上使用unshift方法，并將每個元素插入到數(shù)組的開始位置( newArr[0] )。 與第一個解決方案相比，第二個解決方案的空間效率也較低，因?yàn)樗枰鄡?nèi)存才能將反向數(shù)組存儲在其他變量( newArr )中。

3.就地反轉(zhuǎn)陣列： （改變原數(shù)組）

與reverse方法類似，我們的最后一種方法也通過在原位反轉(zhuǎn)其元素來修改原始數(shù)組。 這個解決方案； 與前兩個解決方案相比， 就地反轉(zhuǎn)數(shù)組要復(fù)雜得多。

        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)給定數(shù)組的一半元素。 然后將數(shù)組的元素放在第一位和最后一位，第二位與第二位到最后一位，依此類推。 代替使用局部綁定，我們使用數(shù)組解構(gòu)來交換其元素。

4.直接調(diào)用 reverse()：

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

總結(jié)

到此這篇關(guān)于JavaScript反轉(zhuǎn)數(shù)組常用的4種方法的文章就介紹到這了,更多相關(guān)JS反轉(zhuǎn)數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論