How to use localStorage correctly?

Question

JavaScript

I learned that you can't store objects in localStorage, but you can do a hack using JSON.stringify:

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

console.log('retrievedObject: ', JSON.parse(retrievedObject));

Actually the question arose - why do you have to use a hack? it's not easy there is no way to save objects - maybe this is an outdated approach and there are better alternatives to localStorage?