JavaScript循环反转数组，不使用reverse()方法

最新推荐文章于 2025-05-21 11:56:43 发布

SankeSShu

最新推荐文章于 2025-05-21 11:56:43 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScriptDemo 文章标签：新手 js 循环反转

本文链接：https://blog.youkuaiyun.com/weixin_44960612/article/details/89459007

JavaScriptDemo 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种不使用JavaScript内置reverse()方法反转数组的方法。通过自定义函数arrReverse，利用for循环和unshift()方法实现数组元素的逆序排列。文章展示了具体代码实现，并通过控制台输出验证了反转过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript循环反转数组不使用reverse()方法（新手demo）

<script>
function arrReverse(arr){        //function 封装函数   arrReverse函数名称
        var newArr=[];           //新建多个空数组
        var b=[];
        var c=[];
        
        //for循环    arr.length获取长度（arr参数名称length获取参数长度）
        for(var i=0;i<arr.length;i++){ 
          var c = arr[i];
          var b = newArr.unshift(c);
          console.log(newArr);//控制台打印输出newArr 检测是否思路正确
        }
        return arr = newArr;//将newArr的值返回给arr
    }
   document.write(arrReverse([1,2,3,4,5,6,7,8]));
   </script>

页面输出：8,7,6,5,4,3,2,1
cmd输出：
index.html:494 [1]
index.html:494 (2) [2, 1]
index.html:494 (3) [3, 2, 1]
index.html:494 (4) [4, 3, 2, 1]
index.html:494 (5) [5, 4, 3, 2, 1]
index.html:494 (6) [6, 5, 4, 3, 2, 1]
index.html:494 (7) [7, 6, 5, 4, 3, 2, 1]
index.html:494 (8) [8, 7, 6, 5, 4, 3, 2, 1]

如果有更优秀的方法请留言感谢。