JavaScript を使用して配列内の要素を上下に移動する

この記事では、JavaScript を使用して配列内の要素を上下に移動する方法に関する関連情報を、サンプル コードを通じて詳細に紹介します。これは、必要なすべての人にとって確かな参考と学習価値があります。以下をご覧ください。

前書き

配列を入れ替えることで要素を上下に移動できます。この効果は、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);
  };

そのメソッドを合理的に使用すると、上位と下位の実装を実現できます。

以上がJavaScript を使用して配列内の要素を上下に移動するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。