jQuery を使用して配列に要素を追加する
Habdul Hazeez
2023年10月12日
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 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