JavaScript | Как вывести элементы массива с индексами?

JavaScript | Как вывести элементы массива с индексами?

Как увидеть индексы массива?

Проблема заключается в том, что когда мы создаём массив через квадратные скобки, тогда мы не видим целочисленные индексы — значения от нуля до количества элементов массива. Давайте посмотрим на пример:

Есть массив:

var massiv = ["Вася","Света","Чайник"]

Сейчас мы видим только значения элементов. Индексы нам не видны. Но мы хотим узнать какому индексу соответствует значение.

 

Решение

По сути мы хотим отобразить пары «индекс/значение». В этом нам поможет метод для объектов-прототипов класса Array, который называется entries(). Вместе с ним мы применим оператор Spread (…) — многоточие.

Вызовем на нашем массиве метод entries():

massiv.entries()

Нам вернулся итератор массива. Теперь к итератору массива можно применить наш оператор многоточия, предварительно извлекая содержимое в новый массив:

[...massiv.entries()]

Такая команда вернёт нам новый массив, в котором мы сможем наглядно увидеть индексы элементов вместе со значениями элементов:

[[0"Вася"], [1"Света"], [2"Чайник"]]

Но это будет именно массив. Если нам понадобится строковое представление этого массива вместе со всеми квадратными скобками, то мы можем воспользоваться классом JSON и его методом stringify(), чтобы получить строку.

JSON.stringify([...massiv.entries()])
Получили индексы со значениями из массива в виде строки - JavaScript
Получили индексы со значениями из массива в виде строки — JavaScript

 

 

Информационные ссылки

JavaScript | Что такое индекс массива?

Стандарт ECMAScript — Раздел «23.1.3.4 Array.prototype.entries ( )» — https://tc39.es/ecma262/#sec-array.prototype.entries