jQuery を使用して配列に要素を追加する

Habdul Hazeez 2023年10月12日
  1. .push() メソッドを使用して配列要素を追加する
  2. .merge() メソッドを使用して配列要素を追加する
jQuery を使用して配列に要素を追加する

jQuery で配列に要素を追加するには、jQuery で .push() および .merge() メソッドを使用できます。 この記事では、実用的なコード例を使用して両方の方法を使用する方法について説明します。

.push() メソッドを使用して配列要素を追加する

jQuery では、.push() メソッドを使用して要素を配列に追加できます。 メソッドの名前が示すように、要素を配列の最後にプッシュします。

次の例は、これを行う方法を示しています。 その中に、array_1 という空の配列があります。 その後、.push() メソッドを使用して 2つの数値を配列に追加します。

$(document).ready(function() {
  let array_1 = [];
  console.log('The array before adding new elements: ', array_1);
  // Push elements into the array using the
  // push method.
  array_1.push('23', '22');
  console.log('The array after adding new elements: ', array_1);
});

出力:

The array before adding new elements: Array []
The array after adding new elements: Array [ "23", "22" ]

.merge() メソッドを使用して配列要素を追加する

.merge() メソッドは引数として 2つの配列を取り、それらを 1つの配列に結合します。 これにより、2つの配列を結合して、両方の配列の要素を含む配列にすることができます。

次の例は、その方法を示しています。 以下は、Web ブラウザーのコンソールの出力です。

$(document).ready(function() {
  let first_array = [9, 3, 6, 8];
  console.log('The array before addition: ', first_array)
  let second_array = [23, 12];

  // Merge the first and second arrays using
  // the merge function in jQuery
  $.merge(first_array, second_array);
  console.log('The array after addition: ', first_array);
});

出力:

The array before addition: Array(4) [ 9, 3, 6, 8 ]
The array after addition: Array(6) [ 9, 3, 6, 8, 23, 12 ]
著者: Habdul Hazeez
Habdul Hazeez avatar Habdul Hazeez avatar

Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.

LinkedIn

関連記事 - jQuery Array