本文主要给大家介绍了关于JavaScript反转数组常用的4种方法,反转数组可以将数组中的元素顺序颠倒过来,从而达到一些特定的需求,文中通过代码介绍的非常详细,需要的朋友可以参考下
1.使用For循环反转数组:
我们将为这种方法使用递减循环,以迭代给定数组的每个元素。 数组的最后一个元素将是循环的起点(arr.length — 1) ,它将一直运行直到到达数组的起点(i ≥ 0)
1 2 3 4 5 6 7 8 9 |
|
reverseArray1函数将一个数组( arr )作为参数,并通过向后循环遍历给定的数组,以相反的顺序创建一个相同元素的新数组( newArr )( let i = arr.length - 1; i >= 0; i -- )。 此解决方案不会修改原始数组,因为它会将元素推入并存储在新数组中,这会占用额外的空间。
2.使用Unshift()方法反转数组:
这种方法与第一种方法没有很大不同,因为它还使用一个额外的变量来存储反向数组,因此,原始数组保持不变。
1 2 3 4 5 6 7 8 9 |
|
reverseArray2函数从头到尾遍历给定数组( arr )。 它在新数组( newArr )上使用unshift方法,并将每个元素插入到数组的开始位置( newArr[0] )。 与第一个解决方案相比,第二个解决方案的空间效率也较低,因为它需要更多内存才能将反向数组存储在其他变量( newArr )中。
3.就地反转阵列: (改变原数组)
与reverse方法类似,我们的最后一种方法也通过在原位反转其元素来修改原始数组。 这个解决方案; 与前两个解决方案相比, 就地反转数组要复杂得多。
1 2 3 4 5 6 7 8 9 10 |
|
在上面的代码中,我们使用Math.floor向下舍入( i < Math.floor(arr.length/2) ) i < Math.floor(arr.length/2)给定数组的一半元素。 然后将数组的元素放在第一位和最后一位,第二位与第二位到最后一位,依此类推。 代替使用局部绑定,我们使用数组解构来交换其元素。
4.直接调用 reverse():
1 |
|
到此这篇关于JavaScript反转数组常用的4种方法的文章就介绍到这了,希望可以帮到你。