ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して配列内の要素を上下に移動する

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

怪我咯
リリース: 2017-04-30 11:02:22
オリジナル
1480 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート