Маленький JS код, а не работает

@Leo Khan · Регистрация: 21.09.2015

Студворк — интернет-сервис помощи студентам

Где проблема?

JavaScript
1
2
3
4
5
6
7
8
let colors = [ 'red', 'green', 'blue' ];
 
for( let value of colors.values()) {
    console.log( value );
}
 
// Консоль выдает
// Uncaught TypeError: colors.values(...) is not iterable

@Balanaar · 17.10.2017, 15:04

JavaScript
1
2
3
4
5
let colors = [ 'red', 'green', 'blue' ];
 
for( let value of colors) {
    console.log( value );
}

@Leo Khan · 17.10.2017, 15:15 **[ТС]**

это поведение по умолчанию ( values() ).
меня интересует. почему не срабатывает явное указание итератора

@Balanaar · 17.10.2017, 15:24

Потому что у объекта типа Array нет никакого метода values(). Соответственно colors.values() возвращает undefined.

@Leo Khan · 17.10.2017, 15:36 **[ТС]**

Возвращается не тип, а то что массив не итерабелен.

почему код ниже работает? ведь явно указан итератор, только другой.

JavaScript
1
2
3
4
5
6
7
8
9
let colors = [ 'red', 'green', 'blue' ];
for( let entry of colors.entries()) {
    console.log( entry );
}
 
// Консоль выдаст
// [0, "red"]
// [1, "green"]
// [2, "blue"]

@Balanaar · 17.10.2017, 15:42

Потому что у объекта типа Array есть метод entries(). Соответственно colors.entries() возвращает Array Iterator, а не undefined. Логично же.
https://developer.mozilla.org/... ay/entries

@Leo Khan · 17.10.2017, 15:49 **[ТС]**

ну и зайдите теперь в раздел values() все тоже самое ))))) и даже пример кода приводится ))))
то что вы мне скинули это и есть поведение по умолчанию итератора values() = )))))

@Balanaar · 17.10.2017, 15:52

Смотрим внимательнее.

@Leo Khan · 17.10.2017, 16:01 **[ТС]**

а что тогда срабатывает в неявном указании?

@Balanaar · 17.10.2017, 16:06

В конструкцию "for ... of ..." необходимо передать итерируемый объект. Объект colors в вашем случае является объектом типа Array (обыкновенный массив). Он итерируемый. Метод Array.prototype.entries() возвращает объект типа Array Iterator. Он тоже итерируемый. Метод Array.prototype.values() на данный момент стандартизирован не полностью. Соответственно в большинстве браузеров colors.values() вернёт undefined. Это неитерируемое значение.

@Leo Khan · 17.10.2017, 16:13 **[ТС]**

я понял, но в вашем примере( без явного указания ) в книге написано, что это вызов values(), то есть итератора по умолчанию.
если values() не поддерживается, то как же он работает ( в случае итератора по умолчанию)?
что происходит в момент вызова цикла ( for( let value of colors) )?

JavaScript
1
2
3
4
5
let colors = [ 'red', 'green', 'blue' ];
 
for( let value of colors) {
    console.log( value );
}

@Balanaar · 17.10.2017, 16:16

При каждой итерации цикла в переменную value записывается текущее значение массива с учётом итерации. Как именно это происходит - знать никому не обязательно. Это нативная конструкция.

Добавлено через 1 минуту

Сообщение от Leo Khan

в книге написано, что это вызов values()

Приведите цитату из книги, а также название книги и её автора.

@Leo Khan · 17.10.2017, 16:24 **[ТС]**

;;;;

@Balanaar · 17.10.2017, 16:31

Странно в книге по JS видеть формулировку "ассоциативный массив". Технически она верна, но общепринято в JS употреблять не "ассоциативный массив", а объект или JS-объект...
Как видите, по всей видимости автор перепутал. Для множеств метод values() действительно стандартизирован и существует. Для объектов и массивов это не так.

@Leo Khan · 17.10.2017, 16:38 **[ТС]**

Может переводчики тогда чего начудили ))

new Map() - ассоциативный массив у него
на самом деле удобно так воспринимать

JavaScript
1
2
3
4
5
6
7
8
9
let map = new Map([
    [ 'name', 'MyName' ],
    [ 'lastname', 'MyLast' ]
]);
 
map.forEach( function( value, key, ownerMap ) {
    console.log( key + ' ' + value );
    console.log( ownerMap === map );
});

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@Leo Khan 1 / 1 / 1 Регистрация: 21.09.2015 Сообщений: 98
	17.10.2017, 15:15 [ТС]
	это поведение по умолчанию ( values() ). меня интересует. почему не срабатывает явное указание итератора 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.10.2017, 15:24
	Потому что у объекта типа Array нет никакого метода values(). Соответственно colors.values() возвращает undefined. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.10.2017, 15:42
	Потому что у объекта типа Array есть метод entries(). Соответственно colors.entries() возвращает Array Iterator, а не undefined. Логично же. https://developer.mozilla.org/... ay/entries 0

@Leo Khan 1 / 1 / 1 Регистрация: 21.09.2015 Сообщений: 98
	17.10.2017, 15:49 [ТС]
	ну и зайдите теперь в раздел values() все тоже самое ))))) и даже пример кода приводится )))) то что вы мне скинули это и есть поведение по умолчанию итератора values() = ))))) 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.10.2017, 15:52
	Смотрим внимательнее. Миниатюры 0

@Leo Khan 1 / 1 / 1 Регистрация: 21.09.2015 Сообщений: 98
	17.10.2017, 16:01 [ТС]
	а что тогда срабатывает в неявном указании? 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.10.2017, 16:06
	В конструкцию "for ... of ..." необходимо передать итерируемый объект. Объект colors в вашем случае является объектом типа Array (обыкновенный массив). Он итерируемый. Метод Array.prototype.entries() возвращает объект типа Array Iterator. Он тоже итерируемый. Метод Array.prototype.values() на данный момент стандартизирован не полностью. Соответственно в большинстве браузеров colors.values() вернёт undefined. Это неитерируемое значение. 1

@Leo Khan 1 / 1 / 1 Регистрация: 21.09.2015 Сообщений: 98
	17.10.2017, 16:24 [ТС]
	;;;; Миниатюры 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	17.10.2017, 16:31
	Странно в книге по JS видеть формулировку "ассоциативный массив". Технически она верна, но общепринято в JS употреблять не "ассоциативный массив", а объект или JS-объект... Как видите, по всей видимости автор перепутал. Для множеств метод values() действительно стандартизирован и существует. Для объектов и массивов это не так. 0