0 / 0 / 0
Регистрация: 29.01.2013
Сообщений: 71

Вывод ассоциативных массивов JavaScript

17.11.2018, 20:27. Показов 6014. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Каким образом можно вывести ключ и значение ассоциативного массива через JavaScript?

Пробую так, но система только выводит ключ и номер элемента массива но не значение. Как вывести значение?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
pets =
      {
        Scratchy : 'Guinea Pig',
        Squeeky : 'Guinea Pig', 
        Fluffy : 'Rabbit', 
        Thumper : 'Rabbit', 
        Snoopy : 'Dog', 
        Tiddles : 'Cat'
      }
  
 Object.keys(pets).forEach(function(key,value){
         document.write(key + ' ' + value + '<br>');
     });
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
17.11.2018, 20:27
Ответы с готовыми решениями:

Перебор ассоциативных массивов
здравствуите читал что перебирать асоцятивного масива в яваскрипые можно через for ... var .... in сделал такое, не виведит ничего,...

Проход по ассоциативному массиву ассоциативных массивов
Описал такую структуру: Nodes={chNode1: , chNode2: , .., chNodeN: }; .. Nodes={chNode1: , chNode2: , .., chNodeN: }; Пример...

Считывание массивов, ассоциативных массивов из файлов
Есть 2 массива - выведено через print_r Array ( =&gt; Array ( =&gt; Менеджер 3 =&gt; Array ( =&gt; Array ( =&gt; 2111274 =&gt; 4798738 =&gt; 1 ...

3
Эксперт JS
6497 / 3908 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
17.11.2018, 20:43
Лучший ответ Сообщение было отмечено usa-1450 как решение

Решение

У Вас формально сейчас не ассоциативный массив, а объект типа Object.
Ассоциативные массивы Map в современном языке тоже присутствуют.
https://developer.mozilla.org/... bjects/Map
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <script>
        let pets = {
            Scratchy: 'Guinea Pig',
            Squeeky: 'Guinea Pig',
            Fluffy: 'Rabbit',
            Thumper: 'Rabbit',
            Snoopy: 'Dog',
            Tiddles: 'Cat'
        };
 
        for (let key in pets) {
            document.write(`Свойство: ${key}. Значение свойства: ${pets[key]}<br>`);
        };
    </script>
</body>
</html>
1
0 / 0 / 0
Регистрация: 29.01.2013
Сообщений: 71
17.11.2018, 21:35  [ТС]
Знак доллара зачем здесь? Для чего он используется?

Добавлено через 10 минут
Спасибо за ваш вариант, вроде можно еще так.

JavaScript
1
2
3
Object.keys(pets).forEach(function(key,value){
         document.write(key + ' ' + pets[key] + '<br>');
     });


Скажите, а forEach - это метод объекта? Это не встроенная конструкция как в пхп например foreach?
И еще к примеру эта строка
JavaScript
1
for (let key in pets)
Здесь pets выступает в качестве объекта, а не массива?
0
Эксперт JS
6497 / 3908 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
17.11.2018, 21:41
Лучший ответ Сообщение было отмечено usa-1450 как решение

Решение

usa-1450,
шаблонные строки - соединение непосредственно строки и переменных в единое целое.
https://developer.mozilla.org/... te_strings

Добавлено через 2 минуты
Цитата Сообщение от usa-1450 Посмотреть сообщение
forEach
Это метод массива Array и некоторых коллекций, помимо массива.

Встроенный foreach для Object я показал выше.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.11.2018, 21:41
Помогаю со студенческими работами здесь

Вычитание ассоциативных массивов
Как можно реализовать такое вычитание ассоциативных массивов: Есть массивы $arr1 и $arr2. $arr1 = array (&quot;a&quot; =&gt;...

Класс ассоциативных массивов
Как сделать класс для таких понятий, у которых должно быть два параметра, например, тип ключа и тип значения у ассоциативного массива? Не...

Сравнение ассоциативных массивов
Есть 2 ассоциативных массива: Array1 ( =&gt; value1 =&gt; value2 =&gt; value31 =&gt; value4 )

Объединение многомерных ассоциативных массивов
Как объединить два массива следующего вида: $data = array ( 'info' =&gt; array ( 'pg01' =&gt; 'Page 01', 'pg02'...

Соединение двух ассоциативных массивов
Есть два массива, которые нужно соединить, но не через array_merge(), а так, чтобы сначала был элемент первого массива, затем второго,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

Новые блоги и статьи
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru