ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列内の要素を効率的に移動するにはどうすればよいですか?

JavaScript 配列内の要素を効率的に移動するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-25 22:07:11
オリジナル
194 人が閲覧しました

How Can I Efficiently Move an Element Within a JavaScript Array?

配列内の要素の移動

プログラミングでは、要素の位置を変更して配列を操作することが必要になることがよくあります。一般的な操作の 1 つは、ある配列位置から別の配列位置に要素を移動することです。

課題

次の配列について考えてみましょう:

var array = [ 'a', 'b', 'c', 'd', 'e'];
ログイン後にコピー

タスク配列の任意の要素を指定されたインデックスに移動できる関数を作成することです。たとえば、「d」を「b」の左側に移動したり、「a」を「c」の右側に移動したりすることができます。

解決策

以下は、これに対処する JavaScript 関数です。チャレンジ:

function array_move(arr, old_index, new_index) {
    if (new_index >= arr.length) {
        var k = new_index - arr.length + 1;
        while (k--) {
            arr.push(undefined);
        }
    }
    arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
}
ログイン後にコピー

使用法

要素を移動するには、次の引数を指定して array_move 関数を呼び出すだけです:

  • arr:変更する配列。
  • old_index: 変更する要素の現在のインデックス。 move.
  • new_index: 移動後の要素の目的のインデックス。

たとえば、「d」を「b」の左側に移動するには、次のように呼び出します。 :

array_move(array, 3, 1);
ログイン後にコピー

これにより、次の配列が生成されます:

['a', 'd', 'b', 'c', 'e']
ログイン後にコピー

以上がJavaScript 配列内の要素を効率的に移動するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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