Ассоциативные массивы в JavaScript

Добрый день! Можно конечно попроще организовать структуру answerArr. В данном случае можно написать следующую функцию для получения текста вопроса из массива:

const getAnswer = (questionIndex, answerNum) => {
  const question = answerArr.find(el => el['questionIndex'] === questionIndex);
  if (question) {
    return question[answerNum];
  }
}
// пример
getAnswer(3, 4); // 'answer4'

Огромное Вам спасибо! Действительно, очень изящное решение!

А вообще, так сказать, для общего развития - существуют какие-то функции или алгоритмы для сравнения двух ассоциативных массивов между собой (на предмет совпадений)?

Если нужно сравнить на полное совпадение, то можно через JSON:

JSON.stringify(arr1) === JSON.stringify(arr2)

Если необходимо отдельно по ключам, то, например, через forEach:

const arr1 = {
  a: 1,
  b: 'xyz',
  c: true
}
const arr2 = {
  a: 2,
  b: 'xyz',
  c: true,
  d: null
}
Object.keys(arr1).forEach((key) => {
  if (arr1[key] === arr2[key]) {
    console.log(`[${key}]: ${arr1[key]}`);
  }
});

За что извиняетесь? Эту задачку можно решить так:

<button type="button">Кнопка</button>
<script>
  const radius = 5;
  document.querySelector('button').onclick = () => {
    const square = Math.PI * radius * radius;
    alert(`Площадь круга с радиусом ${radius} см: ${square.toFixed(2)} см2`);
  }
</script>

Добрый день!
Эту задачку можно решить, например, так:

const date = '2025-12-31';
const arr = date.split('-');
const result = arr.reverse().join('/');
console.log(result);

Спасибо большое очень помогли

)) нашла, как сделать (через Object.fromEntries())

Привет!
Получить значение элемента по ключу можно так:

const value = test1.get('t3');

Да, но я не знаю значение ключа.
Я знаю, что это третий элемент (по порядку).

Тогда нужно преобразовать объект Map в массив:

// создаём массив из Map
const array = Array.from(test1, ([name, value]) => ({ name, value }));
// получаем значение по индексу
const value = array[2].value;

Да, наверно это лучшее решение. Спасибо!

Привет!
Например, так (в этом случае у вас отобразятся только овощи):

for (let key in products) {
  // если products[key]['category'] не равно 'vegetable', то тогда переходим к следующей итерации
  if (products[key]['category'] !== 'vegetable') {
    continue;
  }
  ...
}

Спасибо! В статье этот момент описан, может, конечно, не так явно. А именно: если данный ключ уже имеется в ассоциативном массиве, то этот код просто изменит значение существующего ключа.

Таким образом, когда вы пытаетесь добавить в ассоциативный массив (объект) ключ, который уже имеется в нём, то он конечно в него ещё раз не будет добавлен. В этом случае просто произойдёт операция присвоения этому ключу нового значения. Если это значение такое же, то всё равно оно будет перезаписано новым значением, хоть оно и точно такое же.

const person = {
  name: 'Иван',
  age: 23
}

// установим ключу name новое значение 'Иван'
person['name'] = 'Иван';

Привет! Email для связи расположен в конце страницы.

Эти случаи JavaScript рассматривает по-разному.
Эту запись {0:5}[0] он не может понять и, следовательно, возникает ошибка «Uncaught SyntaxError: Unexpected token ':'». Если вы хотите её вычислить, то оберните в круглые скобки: ({0:5}[0]).В этом случае он поймёт, что вы хотите получить значение ключа «0».
Эта запись {a:5}[a] тоже не должна работать, скорее всего у вас где-то объявлена переменная «a».
Запись +{0:5}[0] не приводит к ошибке потому что здесь JavaScript понимает что ему нужно делать. Т.е. вычислить выражение, расположенное до «унарного плюса», а затем привести его к числу. Результат вычисления {0:5}[0] будет 5. Далее он 5 приводит к 5. Операнд «+» здесь выполняется самым последним, т.к. он имеет более низкий приоритет чем «[]».
Когда вы записываете так ({0:5})[0] вы тем самым расставляете приоритеты и JavaScript понимает что вы хотите. Т.к. операнд «()» имеет более высокий приоритет чем «[]».

Здравствуйте! Для доступа к свойству используйте []:

function f11(a11, out11) {
  let I11 = document.querySelector('.i-11').value;
  for (let key in a11) {
    if (key == I11) {
      delete a11[key];
      continue;
    }
    out11 += `${key} : ${a11[key]}`;
  }
  document.querySelector('.out-11').innerHTML = out11;
}

Привет! Для этого данные необходимо преобразовать данные в удобный для вывода вид.
Например:

var data = {
  monthsWorked: {
    January: {
      hour: 180,
      prize: 10,
      salary: 45000
    },
    February: {
      hour: 140,
      prize: 5,
      salary: 35000
    },
    March: {
      hour: 160,
      prize: 15,
      salary: 40000
    }
  }
}

var result = {
  months: '',
  hour: '',
  prize: '',
  salary: ''
};

for (var key1 in data['monthsWorked']) {
  result['months'] += '<th>' + key1 + '</th>';
  for (var key2 in data['monthsWorked'][key1]) {
    result[key2] += '<td>' + key2 + ': ' + data['monthsWorked'][key1][key2] + '</td>';
  }
}

Затем сформировать нужный HTML код:

var output = '<table style="width:100%"><tr>{{months}}</tr><tr>{{hour}}</tr><tr>{{prize}}</tr><tr>{{salary}}</tr></table>';
output = output.replace('{{months}}', result.months);
output = output.replace('{{hour}}', result.hour);
output = output.replace('{{prize}}', result.prize);
output = output.replace('{{salary}}', result.salary);

После этого вставить его, например, с помощью innerHTML в нужный элемент страницы.

Спасибо большое!!!
Указали правильный путь!!!
Я совсем и забыл про replace!!!.. а то получал массив из 12 элементов и не знал как его дальше преобразовать.
Ещё раз СПАСИБО!!!

Вам нужно создать массив, в котором каждый его элемент будет являться объектом и состоять из 3 свойств: name, count и cost.

let orders = [];
$('.item-mycart').each(function () {
  let
    name = $(this).attr('data_name'),
    count = $(this).find('input[name="input_val"]').val();
    cost = $(this).find('.sum_price').text();
  orders.push({
    'name': name,
    'count': count,
    'cost': cost
  })
});

// потом, если нужно вывести, например, в консоль
for (var i = 0, length = orders.length; i < length; i++) {
  console.log('name = ' + orders[i]['name'] + ', count = ' + orders[i]['name'] + ', cost = ' + orders[i]['cost']);
}

Большое спасибо, Александр!

Расскажите подробнее, что вы хотите сделать? HTML элемент input имеет только атрибуты. Что вы подразумеваете под ключом и куда его нужно добавить?

есть два input в html, значение введенное в первый input, должно создавать новый ключ в ассоциативном массиве, а значение из второго input, записывать значение этого ключа.

Это можно выполнить так (например, при нажатии на кнопку получаем значение этих input м создаем на основе их значений ассоциативный массив):

<input type="text" id="key" value="">
<input type="text" id="value" value="">
<button type="button" id="action">Создать ассоциативный массив</button>

<script>
var arr;
// при нажатию на кнопку
document.querySelector('#action').addEventListener('click', function () {
  var
    // получаем значение 1 input
    key = document.querySelector('#key').value,
    // получаем значение 2 input        
    value = document.querySelector('#value').value;
    
  // присваиваем переменной пустой объект
  arr = {};
  // добавляем в объект ключ с соответствующим значением
  arr[key] = value;
  // выводи объект (ассоциативный массив) в консоль
  console.log(arr);
});
</script>

Привет!
Это, например, можно выполнить с помощью цикла for..in:

var s = ''
arrObj = [
  { pic1: { f: '1.jpg', w: 500, h: 500 } },
  { pic2: { f: '2.jpg', w: 700, h: 700 } },
  { pic3: { f: '3.jpg', w: 900, h: 900 } }
]
for (i = 0; i < arrObj.length; i++) {
  for (key in arrObj[i]) {
    f = arrObj[i][key].f
    w = arrObj[i][key].w
    h = arrObj[i][key].h
    s += "<img src='images/" + f + "' width='" + w + "' height='" + h + "'>"
  }
}
myim.innerHTML = s

Спасибо, Александр! Трудно было бы догадаться самостоятельно о такой конструкции. Хотя я уже понял, что имя объектов можно вообще выбросить ):

let s=''
          
          arrObj = [
          { f:'1.jpg', w:500, h:500 },
          { f:'2.jpg', w:700, h:700 },
          { f:'3.jpg', w:900, h:900 }
          ]
          
          
                  for (i=0; i<3; i++) {
                  
                  f = arrObj[i].f
                  w = arrObj[i].w
                  h = arrObj[i].h 
                  
                  s += "<img src='images/"+f+"' width='"+w+"' height='"+h+"'>"
                  }  
                  
                  myim.innerHTML = s

Да, если они не нужны, то их конечно можно не использовать.

Спасибо.
Это можно решить таким скриптиком:

// переменная, для хранения результата
let result = [];

// перебираем ассоциативный массив
for (key in a) {
  // если элемент ассоциативного массива является массивом
  if (Array.isArray(a[key])) {
    // перебираем массив
    a[key].forEach(function (item) {
      // если элемент массива является массивом, то продолжаем
      if (Array.isArray(item)) {
        // если его длина 2, то продолжаем
        if (item.length === 2) {
          // если значение второго элемента является 0, то продолжаем
          if (item[1] === 0) {
            // помещаем найденное значение в результат
            result.push(item[0]);
          }
        }
      }
    });
  }
};

// выводим результат в консоль
console.log(result.join(', '));

Спасибо огромное. А как быть с объектом в объекте? Как его можно вывести на экран? Получается надо дважды перебрать for in или обратиться как-то с рекурсией?

let countryInform = {
Thailand: {

'population':'68 6158 58',
'capital': 'Bangkok'
},
China: {

'population': '1 404 328 611',
'capital':'Pekin'
},
India: {

'population':'1 349 857 000',
'capital': 'Deli'
},

}

Зачем? Просто нужно обратиться к значениям по ключам (именам свойств) объекта.
Это можно выполнить с помощью одного цикла for..in:

for (key in countryInform) {
  // выводим название страны
  console.log('Страна = ' + key);
  // выводим население страны
  console.log('Население = ' + countryInform[key]['population']);
  // выводим столицу страны
  console.log('Столица = ' + countryInform[key]['capital']);
  console.log('===');
}

Спасибо.

Александр, будьте добры, подскажите как реализовать.
Вывожу данные на html страницу из json'а.

$('document').ready(function(){
    loadGoods();
});
function loadGoods() {
    $.getJSON('zkprods.json', function (data) {
        var out = '';
        for (var key in data){
            out+='<div class="product-card-wrap">';
            out+='<div class="product-card">';
            out+='<img src="'+data[key].image+'">';
            out+='<p class="product-name">'+data[key]['name']+'</p>';
            out+='<hr>';
            out+='<p class="product-description">'+data[key]['des']+'</p>';
            out+='<p class="product-description">'+data[key]['des2']+'</p>';
            out+='</div>';
            out+='<div class="bottom-part-weight">';
            out+='<img src="ves.png">'
            out+='<p class="product-weight">'+data[key]['weight']+'</p>';
            out+='</div>';
            out+='</div>';
        }
        $('#prodzk').html(out);
    })
}

Json примерно такой

{
	"mr7" : {
		"image" : "1.png",
		"name" : "2",
		"des" : "3",
		"des2" : "4",
		"weight" : "5 г"
	},
	"mr7" : {
		"image" : "1.png",
		"name" : "2",
		"des" : "3",
		"des2" : "4",
		"weight" : "5 г"
	},
	"zk5" : {
		"image" : "1.png",
		"name" : "2",
		"des" : "3",
		"des2" : "4",
		"weight" : "5 г"
	},
	"zk6" : {
		"image" : "1.png",
		"name" : "2",
		"des" : "3",
		"des2" : "4",
		"weight" : "5 г"
	},
	"zk7" : {
		"image" : "1.png",
		"name" : "2",
		"des" : "3",
		"des2" : "4",
		"weight" : "5 г"
	}
}

Как организовать вывод по определенным ключам? Например выводить только «mr» или только «zk».
Или для каждого дива свой json и скрипт создавать? Правильно ли так?

Можно так:

function loadGoods() {
  $.getJSON('zkprods.json', function (data) {
    var out = '';
    var q = 'mr';
    for (var key in data) {
      if (key.indexOf(q) !== 0) {
        continue;
      }
      out += '<div class="product-card-wrap">';
      ...

q — это переменная, в которой находится ключ.
Далее проверяем, если в key нет этого ключа, то переходим к следующей итерации.

Спасибо за ответ, учту если пригодится :) А так, пока ответа ждал решил просто массивы выводить и json не нужен уже, информации не так много для вывода :)