javascript - indexedDb objectStore.openCursor 这么慢

Question

第一次使用索引查询时间过长。

使用场景:移动端使用webview。

数据保存到indexedDb后，第一次打开页面查询速度极慢。

查询代码:

var startTime = new Date().getTime();
var request = indexedDB.open("yfg");
request.onerror = function(event) {
	alert("Why didn't you allow my web app to use IndexedDB?!");
};
request.onsuccess = function(event) {
	var table = [];
	var db = request.result;
	var objectStore = db.transaction("table").objectStore("table");

	//objectStore.openCursor().onsuccess = function(event) {
	objectStore.openCursor(null,IDBCursor.NEXT).onsuccess = function(event) {
		var cursor = event.target.result;
		if (cursor) {
			table.push(cursor.value);
			cursor.continue();
		}else {
			//alert("No more entries!");
			console.log(table);
			var endTime = new Date().getTime();
			console.log("总耗时：",(endTime-startTime)/1000);
		}
	};
};

在控制台上执行:

第一个结果:

第二个结果:

浏览器版本:

每条数据的具体内容:

此表格包含以下数据:

Answer 1

尝试使用IDBObjectStore.prototype.getAll 。 getAll 生成一个数组，与您正在执行的操作类似，但涉及的函数调用比 openCursor 少，因此性能更高。

但是，与openCursor不同，getAll可能不受支持，因为它是indexedDB的较新功能。链接页面显示了兼容性表，但该表也可能已过时。