Storing a huge array of strings into IndexedDB

Question

I have a huge array called newCombs when I call store.put(game) the tab turns white and is gone in chrome task manager. Basically the process just stops and it fails to store the array

var trans = this.db.transaction('Games', 'readwrite');
var store = trans.objectStore('Games');
store.get(new Date().toLocaleDateString() + ' ' + prize.value).onsuccess = function() {
  var game = this.result;
  game.combs = game.combs.concat(newCombs); //I'm appending to the game.combs array which is empty when I first run it (when it also crashes)
  store.put(game);
}
trans.oncomplete = function(evt) {
  arrLength = 0;
  newCombs = [];
}

This is what game is equal to:

game = {
   name: new Date().toLocaleDateString() + ' ' + prize.value,
   date: new Date().toLocaleDateString(),
   prize: prize.value,
   playerData: [...],
   points: {...}
}

The above part is a method of an object so this is not the window object everything works fine until the code hits the line with: store.put(game); the page just crashes.

Answer 1

As @paldepind suggests you are changing scope in the onsuccess event handler and losing sight of your custom object.

One way around this would be to take advantage of a closure and assign this to a local variable, before you define the anonymous callback function:

var trans = this.db.transaction('Games', 'readwrite');
var store = trans.objectStore('Games');
var that = this;
store.get(new Date().toLocaleDateString() + ' ' + prize.value).onsuccess =     function() {
  var game = that.result;
  game.combs = game.combs.concat(newCombs); 
  store.put(game);
}
trans.oncomplete = function(evt) {
  arrLength = 0;
  newCombs = [];
}