Как использовать значение переменной в виде строки?

Question

[Intelix]

Есть переменная colors
Есть массивы

let cold = [
    'blue',
    'green'
]
let warm = [
    'red',
    'yellow'
]

Нужно в зависимости от значения переменной colors (cold/warm) вывести текст

colors = 'cold'
$('h1').html(colors[0]) // blue
$('h2').html(colors[1]) // green

Но выводится
C
O

Answer 1

[Tim]

Comments

[Alex]

это будет работать далеко не всегда

[Tim]

Alex, о большинстве кода так можно сказать. Нужны детали

[Alex]

Tim, Ваш пример будет работать только в случае если cold и warm глобальные переменные. Засунуть этот код в любую функцию, например в колбек, или использовать вместо устаревшего var const (или let как в вопросе), что крайне рекомендуется и всё -- ваш пример не рабочий.

[Tim]

Alex, я знаю. Если написать так, то будет рабочим

window.cold = [
    'blue',
    'green'
]
window.warm = [
    'red',
    'yellow'
]

Answer 2

[Alex]

const cold = [
    'blue',
    'green'
]
const warm = [
    'red',
    'yellow'
]

const colors = 'cold';
console.log(({warm, cold})[colors][0]) // blue

Answer 3

[MagnusDidNotBetray]

Ещё можно так:

const colorsList = {
  'cold': [
  	'blue',
  	'green'
  ],
  'warm': [
    'red',
    'yellow'
  ]
};

let colors = 'cold';
console.log(colorsList[colors][0]) // blue

Answer 4

[Никита Михайлов]

colors это сейчас строка

colors = 'cold'

Соответственно использование конструкции colors[0] и colors[1] будут забирать символы строки.

Вы должны положить весь массив cold или warm. Должно получится что-то из серии colors = cold;