Значение цвета журнала консоли

Question

Мне любопытно, в чем разница между числами, которые показывают черный или синий цвет в журнале консоли?

В настоящее время я вывожу, используя эту переменную:

currentImageIndex = currentImage.attr('data-index'),

В консоли выводится правильный номер. Показывает номер в черном цвете. По какой-то причине, даже если выводится правильное число, моя функция не работает. Но если я напишу следующее:

currentImageIndex = 5, 

, функция будет работать. Я заметил, что число отображается в журнале консоли синим цветом. Какая разница?

Answer 1

Черный обозначает строку, синий обозначает число:

Атрибуты элемента всегда являются строками; .attr возвращает строку. Вам необходимо преобразовать его в число:

currentImageIndex = Number(currentImage.attr('data-index'));

Answer 2

Это потому, что значением вашего атрибута data-index является строка, а не число (число показано синим цветом в консоли).

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

...
const currentImageIndexValue = currentImage.attr('data-index');
const currentImageIndex = window.parseInt(currentImageIndexValue);

Только будьте осторожны, если значение атрибута не может быть проанализировано как число, значение currentImageIndex будет NaN.

Некоторые сведения о JavaScript типах: MDN JavaScript типах