JavaScript的reverse()函数让苹果cms播放列表集数正序倒序排列自由切换

播放列表为什么要排序？

在苹果cms建站的过程中，你会发现普遍的电视剧和动漫等视频分集并不会太多，对播放列表排序无关紧要，因为选集按键就在用户视线之内。但是如果遇到那种几百集甚至一两千集的视频（如：海贼王、名侦探柯南等）呢，那么播放列表的选集就显得尤为重要了，毕竟从第一集鼠标滚动或指尖滑动到第一千集太费劲了，也比较影响用户体验，所以播放列表的正序倒序排列功能一定要有。

如何实现排序？

JavaScript方法有很多种，比如历遍播放列表ul-li，再将li做倒序排列，按逻辑写出来好多行代码。

今天我就讲一种最精简最简单的方式：reverse()函数。

reverse()函数是什么？

JavaScript中的reverse（）方法用于反转数组中元素的顺序。这个方法会直接修改原始数组，将最后一个元素变为第一个，倒数第二个元素变为第二个，依此类推。它没有参数，且返回的是该数组的引用。这意味着reverse（）方法会改变原来的数组，而不会创建一个新的数组。例如，如果你有一个数组['apple'，'banana'，'orange'，'grape']，调用reverse（）方法后，数组将变为['grape'，'orange'，'banana'，'apple']。此外，还有实现reverse（）功能的其他方法，例如通过遍历数组并交换左右两边的元素位置。这种方法通过一个while循环，从数组的开头和结尾开始，逐步向中间移动，直到左边的索引等于右边的索引为止。这种方法模拟了reverse（）方法的功能，但它是手动实现的。总的来说，reverse（）方法是一个简单且直接的方式来反转数组中元素的顺序，它通过改变原始数组的顺序来实现其功能，而不需要创建新的数组。

简单举例：

<div class="18ma">点击我</div>
<ul id="123">
   <li>我第一</li>
   <li>我第二</li>
   <li>我老三</li>
</ul>

$(".18ma").click(function(){
    $('#123').HTML($('#123').children().get().reverse());
});

在点击了18ma这个按钮之后，只用一行代码让li的排列顺序变成倒序，再点击又变成顺序，重复点击来回切换正序倒序。将reverse()应用到苹果cms播放列表中将会非常简单高效。