Как преобразовать строку в объект в JS?

Question

[Мария]

Есть код:

var book1 = {};
book1.title = "My Book";
book1.pubYear = 1986;
book1.price = "50 UAH"

var book2 = {};
book2.title = "My Book 2";
book2.pubYear = 2012;
book2.price = "170 UAH"

for(var i=1; i<3; i++) {
	var y = "book"+i;	
	console.log(y.title);	
}

Хочу сделать с помощью цикла for так, чтоб в консоле подряд выводились тайтлы двух книг, например:
My Book
My Book 2

Но вместо этого выводится undefined. Понимаю, что проблема в том, что в переменную y поступает строка, а не объект. Подскажите, пожалуйста, как решить проблему.

Comments

[Lynn «Кофеман»]

А зачем они у вас отдельными переменными, а не массивом?

Answer 1

[Дмитрий Еремин]

В данном случае, y - просто строка

Самый лучший вариант - book1 и book2 положить в массив и с ним уже работать

var books = [];

var book1 = {};
book1.title = "My Book";
book1.pubYear = 1986;
book1.price = "50 UAH"

var book2 = {};
book2.title = "My Book 2";
book2.pubYear = 2012;
book2.price = "170 UAH"

books.push(book1);
books.push(book2);
//или for или books.forEach
for(var i=0; i<books.length; i++) {
  var y = books[i];	
  console.log(y.title);	
}

Answer 2

[Dmitriy Mozgovoy]

var books=[
   {
     title : "My Book",
     pubYear : 1986,
     price : "50 UAH"
   },
   {
     title : "My Book 2",
     pubYear : 2012,
     price : "170 UAH"
   },
     {
     title : "My Book 3",
     pubYear : 2012,
     price : "170 UAH"
   }
];

for(var i=0; i<3; i++) {
  var y = books[i];	
  console.log(y.title);	
}

Answer 3

[Алексей Уколов]

Если вам очень-очень хочется сделать именно так, то вот: var y = this["book" + i];
Но лучше сделайте так, как предложил Дмитрий Еремин.

Comments

[Lynn «Кофеман»]

Плохой ответ. Кто сказал что эти строчки всегда будут выполнятся в глобальном контексте?

[Алексей Уколов]

Алексей Тен: именно поэтому я выбираю не из window, а из текущего конекста. От того, что этот код обернут в IIFE, например, он не сломается.

[Lynn «Кофеман»]

Алексей Уколов: Конечно сломается.

function x() {
  var a = "value";
  console.log(this["a"]);
}
x();

Либо свалится с ошибкой, либо напечатает undefined.

[Алексей Уколов]

Алексей Тен: это не IIFE.
Я согласен, что в моём ответе не раскрыты все подводные камни такого кода и нет описания принципов его работы (хоть он и решает конкретно ту задачу, которая озвучена в вопросе).
Но и ваши комментарии не особо конструктивны - вместо того, чтобы пытаться меня подловить, вы могли бы дополнить ответ, чтобы он перестал быть "плохим".

[Lynn «Кофеман»]

Алексей Уколов: ваш отверну т работает ТОЛЬКО в глобальном контексте. И он попросту вреден

Answer 4

[Алексей Аристов]

for(var i=1; i<3; i++) {
  console.log(eval("book"+i +'.title'));	
}

Comments

[Мария]

А я сталкивалась с мнением, что eval - не очень хороший метод. Правда, так и не поняла почему. Или это паранойя?)

[Алексей Аристов]

Если метод есть, значит он зачем-нибудь нужен. Я бы не стал использовать eval в текущей задаче. Массив объектов здесь бы лучше подошёл.
Но вы не спрашивали - как сделать лучше. Вы спрашивали - как с помощью цикла пройтись по переменным.