LocalStorage, JavaScript и объекты

Question

Мне нужно сохранить объект в localStorage - и я знаю, что для этого мне нужно преобразовать объект в строку. Все круто.

Моя проблема заключается в том, чтобы создать объект в первую очередь: у меня есть два значения в sessionStorage, которые необходимо добавить к объекту, который затем передается в localStorage. Однако, когда я пытаюсь создать объект, одно значение хранится как имя переменной, а не его (числовое) значение. Любая идея, что здесь происходит?

var siteName = sessionStorage['1']; 
var siteID = (+sessionStorage['2']); 
var temp = {siteID:siteName}; 
alert(typeof siteID); 
alert(JSON.stringify(temp)); 

Первое предупреждение подтверждает, что siteID действительно типа номера, но второе предупреждение показывает, что имя переменного (siteID) сохраняется, а не его числовое значения.

Answer 1

Эта линия:

var temp = {siteID:siteName}; 

... создает объект, содержащее свойство siteId со значением, взятым из переменной siteName.

Если вы хотите, чтобы имя свойства, чтобы быть взяты из siteID переменной вместо:

var temp = {}; 
temp[siteID] = siteName; 

Или в ES2015 (ака «ES6») вы могли бы использовать новый вычислен имя свойства синтаксис:

// ES2015+ only! 
var temp = {[siteId]: siteName}; 

В JavaScript вы можете создавать и создавать объекты на объектах двумя разными, но равными способами: с использованием точечной нотации с литеральным именем свойства:

obj.foo = "bar"; // Creates a `foo` property on `obj` with the value `"bar"` 

... или используя квадратные скобки обозначения и строку:

obj["foo"] = "bar"; // Does the same thing 

ключей в инициализаторах объектов, как ваш var temp = {siteID:siteName}; всегда используется в буквальном смысле (хотя они могут необязательно быть в кавычках); нет никакого способа, чтобы инициализатор объекта имел вместо этого ключ, взятый из переменной. Поэтому вам нужно сделать это как двухэтапный процесс, сначала создать объект, а затем установить свойство.

Так что, если вы

temp[siteID] = siteName; 

... число в siteID будет преобразовано в строку и будет именем свойства, со значением siteName является значением.

var temp = {}; 
var key = 1; 
temp[key] = "value"; 
console.log(temp[1]); // "value" 
console.log(temp["1"]); // "value" 

(Имена свойств всегда строятся в JavaScript [на данный момент].)

Answer 2

Измените это на это.

var temp = {}; 

temp[siteName] = siteID; 

Или, если тест typeof был показать имя свойства, вы бы сторнировать их.

var temp = {}; 

temp[siteID] = siteName; 

Но следует помнить, что siteID считается строкой из этой точки вперед.