戻る

update(indexedDB)
get()を使用した更新処理(where条件なしのケース)

indexedDBでupdateをする処理です。
indexedDBではputメソッドを使用してデータを削除できます。

[サンプル]
copy
async function sampleTest(dbName, storeName) 
{
	const db = await databaseOpen(dbName);
	//update
	await runTx(db, storeName, "readwrite", (store) => 
	{
		for (let i = 0; i < 3; i++) 
		{
			const getReq = store.get(i);
			getReq.onsuccess = () => 
			{
				const original = getReq.result;
				if (original) {
					original.f3 = "change" + (i + 1);
					store.put(original);
				}
			};
		}
	});
	//select all
	const rows = await runTx(db, storeName, "readonly", (store) => 
	{
		return new Promise((resolve, reject) => 
		{
			const req = store.getAll();
			req.onsuccess = () => resolve(req.result);
			req.onerror = () => reject(req.error);
		});
	});
	
	rows.forEach(r => console.log(`f1:${r.f1}, f2:${r.f2}, f3:${r.f3}`));
	db.close();
}
function waitForTx(tx) 
{
	return new Promise((resolve, reject) => 
	{
		tx.oncomplete = () => resolve();
		tx.onabort = () => reject(tx.error ?? new Error("Transaction aborted"));
		tx.onerror = () => reject(tx.error);
	});
}

async function runTx(db, storeName, mode, work) 
{
	const tx = db.transaction([storeName], mode);
	const store = tx.objectStore(storeName);
	const result = await work(store);
	await waitForTx(tx);
	return result;
}
function databaseOpen(dbName) 
{
	return new Promise((resolve, reject) => 
	{
		const req = indexedDB.open(dbName);
		req.onsuccess = (event) => 
		{
			resolve(event.target.result);
		};
		req.onerror = () => reject(req.error);
	});
}
sampleTest("aaa", "t1");

このサンプルではデータベースの更新処理(テーブル削除など)がなかったと仮定したものです。
insertでデータが入っているものと仮定します。

const db = await openDatabase(dbName, version, (db) =>
データベースをopenします。

if (!db.objectStoreNames.contains(storeName))
引数にあるオブジェクトスキーマが存在しない場合は作成します。

await runTx(db, storeName, "readwrite", (store) =>
トランザクションの完了を待つためにupdateの処理内容をrunTxを使用して非同期処理の待機をしています。
runTxでは「store.put(original);」でデータの更新をします。

const getReq = store.get(i);
オブジェクトスキーマからインデックスから行データを取得します。

const original = getReq.result;
onsuccessイベントでresultで取得できた行データを変数に保存します。

original.f3 = "change" + (i + 1);
このサンプルではf3フィールドを更新するので、このように値を変更しています。

store.put(original);
変更した行データを更新します。

await waitForTx(tx);
トランザクションの完了の結果を受け取るまで待ち状態となります。




戻る


著作権情報
ホームページおよプリ等に掲載されている情報等については、いかなる保障もいたしません。
ホームページおよびアプリ等を通じて入手したいかなる情報も複製、販売、出版または使用させたり、
または公開したりすることはできません。
当方は、ホームペーよびアプリ利用したいかなる理由によっての障害等が発生しても、
その結果ホームページおよびアプリ等を利用された本人または他の第三者が被った損害について
一切の責任を負わないものとします。