1. 程式人生 > >js實現陣列元素上下移動

js實現陣列元素上下移動

交換陣列可以實現元素上下移動了,這個效果我們在表格或以前排序演算法中都會用到,下面來看一個JavaScript下實現交換陣列元素上下移動例子

在寫專案的時候,要實現一個數組記錄上下移動的示例。寫起來也沒有沒麻煩,無非是交換陣列元素。最終實現程式碼如

下,比較重要的是那個函式。

// 交換陣列元素
    var swapItems = function(arr, index1, index2) {
        arr[index1] = arr.splice(index2, 1, arr[index1])[0];
        return arr;
    };
 
    // 上移
    $scope.upRecord = function(arr, $index) {
        if($index == 0) {
            return;
        }
        swapItems(arr, $index, $index - 1);
    };
 
    // 下移
    $scope.downRecord = function(arr, $index) {
        if($index == arr.length -1) {
            return;
        }
        swapItems(arr, $index, $index + 1);
    };


合理使用那個方法,可以實現置頂和最底的一些實現。