この記事では、配列に値を追加する手順について説明します。
JavaScript で配列に値を追加する方法は?
配列に値を追加するには、以下に示す JavaScript の定義済みメソッドを使用できます。
- push() メソッド
- unshift() メソッド
- splice() メソッド
これらの方法をしっかりと理解しましょう。
方法 1: push() メソッドを使用して配列に値を追加する
配列に値を追加するには、「 押す() 」が最も一般的に使用される方法です。単に要素を配列にプッシュするか、配列の最後に要素を追加すると言えます。
構文
指定された構文に従います。
配列 . 押す ( 'エレメント' ) ;
ここで、「 エレメント 」は「 配列 」の助けを借りて 押す() ' 方法。
例
まず、「」という名前の配列を作成します フラワーズ 」:
花を聞かせて = [ '薔薇' 、 「リリー」 、 'ジャスミン' ] ;
「 console.log() ' 方法:
コンソール。 ログ ( フラワーズ ) ;次に、要素を追加します “ チューリップ ”配列内” フラワーズ 」 push() メソッドを使用:
フラワーズ。 押す ( 'チューリップ' ) ;最後に、更新された配列を出力します “ フラワーズ 」に要素を追加した後:
コンソール。 ログ ( フラワーズ ) ;出力でわかるように、要素「 チューリップ 」が配列に正常に追加されました。
配列の先頭に要素を追加する場合は、次のセクションを確認してください。
方法 2: unshift() メソッドを使用して配列に値を追加する
また、「 アンシフト() 」配列に値を追加するメソッド。配列の先頭に値を追加します。
構文
unshift() メソッドを使用して配列の開始位置に値を追加するには、次の構文を使用します。
例
「」という名前の前の例で作成された同じ配列を検討します。 フラワーズ 」。次に、要素「」を追加します。 チューリップ 」を「unshift()」メソッドを利用して配列の先頭に配置します。
最後に、配列を出力します “ フラワーズ 」コンソールで:
コンソール。 ログ ( フラワーズ ) ;出力は、要素「 チューリップ 」が配列の先頭に正常に追加されました。
配列の途中に要素を追加する次のメソッドを見てみましょう。
方法 3: splice() メソッドを使用して配列に値を追加する
別の方法を使用して、「 スプライス() ' 方法。配列の途中の必要な場所に要素を追加します。引数として 3 つのパラメーターを取ります。
構文
以下に示す splice() メソッドの構文に従います。
ここで、「 索引 ” は新しい要素を追加する位置、” 削除数 」は削除する要素の数を示し、「 エレメント 」は、配列に追加される値です。
例
次に、要素「」を追加します。 チューリップ 」を配列の最初のインデックスに配置します。次のコードでは、「 1 」は、要素が配置される配列のインデックスであり、「 0 ” は、配列から要素を削除する必要がないことを示します。
追加された配列をコンソールに出力します。
コンソール。 ログ ( フラワーズ ) ;出力で要素「 チューリップ 」は、配列の最初のインデックスに正常に配置されます。
JavaScript で配列に値を追加するすべてのメソッドを集めました。
結論
配列に値を追加するには、push() メソッド、unshift() メソッド、splice() メソッドなど、JavaScript の定義済みメソッドを使用できます。 unshift() メソッドは配列の先頭に新しい要素を挿入するために使用でき、push() メソッドは最後に新しい要素を挿入するために使用でき、splice() メソッドは新しい要素を挿入するために使用できます。配列の真ん中にある要素。この記事では、配列に値を追加する手順について説明しました。