0

Начинаю изучать JavaScript по книге Дакетта от издания 2017 года. В разделе про массивы там указано следующее:

Отрывок из книги про извлечение данных из массива

Пытаюсь воспроизвести этот код на странице, но получаю следующую ошибку:

Uncaught TypeError: colors.item is not a function at test.js:3:27

Интересно, что если посмотреть на этот пример в файлах, которые идут к дополнению к книге, то можно увидеть немного другой код, который уже работает:

var colors = new Array('белый', 'черный', 'пользовательский');
var el = document.getElementById('colors');
el.textContent = colors[0];

Вопрос следующий: почему не работает метод item() из примера из книги?

3

2 ответа 2

2

Текст в книги и правильный и неправильный одновременно. Првильно то, что метод item есть. Но имеется он не у массивов, а у коллекций (объекты, ведущие себя подобно массиву), например

NodeList и HTMLCollection

А неправильно то, что автор, видимо, путает массивы и коллекции.


Может быть до 2017 у массивов были эти методы (не смог найти инфу). Сейчас это точно не так.

3
  • Про коллекции пока ничего не знаю. Насколько понял, в книге идёт речь о массивах. Получается var colors = new Array это создание коллекции?
    – NDMX
    20 мая 2022 в 6:58
  • Автор либо напутал, либо не разбирается в теме, либо раньше ̶т̶р̶а̶в̶а̶ ̶б̶ы̶л̶а̶ ̶з̶е̶л̶е̶н̶е̶е̶ было по-другому 20 мая 2022 в 6:59
  • new Array - создание массива нотацией создания через объект (разница между созданием new Array и [] есть, т.к. доступны разные методы....но item всё равно ни там ни там нет) 20 мая 2022 в 7:00
1

У массива(Array) нет метода item. Чтобы получить, например 3 элемент массива, вы можете воспользоваться литералом массива [2] или методом at(2) (Только в последней версии ES2022)

var colors = new Array('белый', 'черный', 'пользовательский');
document.getElementById('colorWithArrayLiteral').textContent = colors[1];
document.getElementById('colorWithAt').textContent = colors.at(2);
<div id="colorWithArrayLiteral"></div>
<div id="colorWithAt"></div>

2
  • Спасибо за ответ. У вас опечатка в коде JS на второй строчке: colors[1] вместо colors[2]
    – NDMX
    20 мая 2022 в 7:01
  • @NDMX Я для примера разные индексы взял
    – LIMPIX64
    20 мая 2022 в 8:10

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.