Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 17.11.2018, 21:26   #1
usa-1450
Форумчанин
 
Регистрация: 07.01.2015
Сообщений: 66
Репутация: 10
По умолчанию Вывод ассоциативных массивов JavaScript

Каким образом можно вывести ключ и значение ассоциативного массива через JavaScript?

Пробую так, но система только выводит ключ и номер элемента массива но не значение. Как вывести значение?
Код:

<script>
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>');
	 });	
</script>


Последний раз редактировалось usa-1450; 17.11.2018 в 21:29.
usa-1450 вне форума   Ответить с цитированием
Старый 17.11.2018, 21:30   #2
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 18,582
Репутация: 3570

icq: 512-765
skype: alexp.frl
По умолчанию

pets[key] или так если поддерживается ES6:
Код:

for (let [key, value] of Object.entries(pets)) {
    console.log(key, value);
}

Alex11223 на форуме   Ответить с цитированием
Старый 17.11.2018, 22:34   #3
usa-1450
Форумчанин
 
Регистрация: 07.01.2015
Сообщений: 66
Репутация: 10
По умолчанию

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

Код:

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

и так:

Код:

for (let key in pets) {
            document.write(`Свойство: ${key}. Значение свойства: ${pets[key]}<br>`);
        };

Скажите, а forEach - это метод объекта? Это не встроенная конструкция как в пхп например foreach?
И еще к примеру эта строка
Код:

for (let key in pets)

Здесь pets выступает в качестве объекта, а не массива?
usa-1450 вне форума   Ответить с цитированием
Старый 18.11.2018, 14:46   #4
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 18,582
Репутация: 3570

icq: 512-765
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от usa-1450 Посмотреть сообщение
Это не встроенная конструкция как в пхп например foreach?
А сами не видите?

Цитата:
Сообщение от usa-1450 Посмотреть сообщение
Спасибо за ваш вариант, вроде можно еще так
Нету там таких параметров в колбеке.
https://developer.mozilla.org/en-US/.../Array/forEach
и
Код:

console.log(Object.keys(pets));

А про pets[key] я ж и написал.
Цитата:
Сообщение от usa-1450 Посмотреть сообщение
Здесь pets выступает в качестве объекта, а не массива?
хз о чем этот вопрос, но https://developer.mozilla.org/en-US/...ments/for...in
Alex11223 на форуме   Ответить с цитированием
Старый 27.11.2018, 18:42   #5
pompiduskus
юзер как все
Профессионал
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Адрес: земля
Сообщений: 1,574
Репутация: 663

icq: 446.452.423
По умолчанию

Еще можно так =)))

console.table({name:'Tom', age: 123, });
__________________
<Дзен - Вся вселенная в тебе > | github.com/ch3ll0v3k | покер: cryptopoker.world
pompiduskus вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как преобразовать ассоциативный массив ассоциативных массивов в ассоциативный массив вида [ключ] => 'параметр: значение' rustamcom2 PHP 1 15.06.2017 11:10
Вывод одинаковых слов из массивов LLIePcT9IHou_EHoT Общие вопросы C/C++ 5 04.05.2017 18:09
Поиск и вывод значений из массивов grom_nv Microsoft Office Excel 4 24.08.2012 14:00
Сравнение двух неравных (по количеству элементов) массивов (JavaScript)) maksimka2112 Помощь студентам 2 07.08.2012 21:04
Проход по ассоциативному массиву ассоциативных массивов Gonzo JavaScript, Ajax 0 14.09.2010 17:15


01:51.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru