js数组中的reverse()方法

reverse方法是将数组中的元素的顺序进行反转，在原数组上操作，然后返回原数组。由于本人是学习js的新人，对reverse函数进行了几个小实验，以下实验均在Chrome浏览器上运行

实验一：reverse方法能否用于undefined与null上

实验代码如下：

<script type="text/javascript">
         var foo=function  () {
            var c=null;
            var d=undefined;
            //reverse方法测试代码
            console.log(c.reverse());//报错
            console.log(d.reverse());//报错
         }
         foo();
</script>

 

如果将代码改成如下所示：

<script type="text/javascript">
         var foo=function  () {
            var c=[null];
            var d=[undefined];
            //reverse方法测试代码
            console.log(c.reverse());//[null]
            console.log(d.reverse());[undefined]
         }
         foo();
</script>

结论：reverse方法不能再null与undefined上运行

 

 

实验二：空数组上运行reverse方法得出什么样的结果

实验代码如下：

var e=[];
console.log(e.reverse());//[]

结论：输出空数组

 

 

实验三：reverse方法返回数组本身相关实验

实验代码如下：

<script type="text/javascript">
         var foo=function  () {
            var b=[false,undefined,null];
            //reverse方法测试代码
            var b_reverse_result=b.reverse();
            console.log(b);//[null,undefined,false]
            console.log(b_reverse_result);//[null,undefined,false]
         }
         foo();
</script>

 

结果分析：由于b数组执行reverse方法之后返回的是b数组元素反转之后的顺序，而b_reverse_result与b指向是同一个数组，所以二者输出结果都是b数组反转之后的结果。

 

实验代码如下：

<script type="text/javascript">
         var foo=function  () {
            var b=[false,undefined,null];
            //reverse方法测试代码
            console.log(b.reverse());//[null, undefined, false]
            var b_reverse_result=b.reverse();
            console.log(b_reverse_result);//[false, undefined, null]
            console.log(b);//[false,undefined,null]
         }
         foo();
</script>

 结论：reverse方法在数组自身上操作，而且b与b_reverse_result确实代表了同一个数组。