jQueryのadd()をJavaScriptで実装するサンプルコード

2023-07-10

jQueryのadd()メソッドは、指定した要素を既存のセットに追加します。JavaScriptで同様の動作を実現するために、以下のようなサンプルコードを提供します。

function addElementsToSet(set, elements) {
	// 引数のsetに要素を追加する関数
	for (var i = 0; i < elements.length; i++) {
	var element = elements[i];
	if (set.indexOf(element) === -1) {
		set.push(element);
	}
	}
	return set;
}

// 使用例
var existingSet = [1, 2, 3];
var newElements = [3, 4, 5];

var resultSet = addElementsToSet(existingSet, newElements);
console.log(resultSet);	// 出力: [1, 2, 3, 4, 5]

上記のサンプルコードでは、addElementsToSet()という関数を定義し、既存のセット（配列）に要素を追加するロジックを実装しています。この関数は、既存のセットと追加する要素の配列を引数とし、追加後のセットを返します。

追加する要素が既存のセットに存在しない場合にのみ、要素を追加しています。これにより、重複した要素を避けることができます。

上記の使用例では、existingSetという既存のセット（[1, 2, 3]）に、newElementsという要素の配列（[3, 4, 5]）を追加しています。resultSetには、要素が追加された後のセットが格納され、コンソールに出力されます。