Как создать ассоциативный массив js

Аватар пользователя Aleksey
Aleksey
05 апреля 2023

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

Пример создания ассоциативного массива в JavaScript:

const myObj = {
  name: 'John',
  age: 30,
  hobbies: ['reading', 'traveling', 'cooking'],
  address: {
    street: '123 Main St',
    city: 'New York',
    state: 'NY',
  },
};

В этом примере мы создали объект myObj, который содержит ключи name, age, hobbies и address. Ключи name и age содержат значения типа string и number соответственно, а ключ hobbies содержит массив строк. Ключ address содержит вложенный объект с ключами street, city и state.

3 0
Аватар пользователя Виктория Аблаева
Виктория Аблаева
20 октября 2022

Под ассоциативным массивом подразумевают массив, в котором в качестве ключей применяются строки. То есть речь идёт о совокупности пар «ключ-значение». Таким образом, в ассоциативном массиве любое значение связано с конкретным ключом, а доступ к этому значению производится по имени ключа.
Начиная с релиза ECMAScript 2015 (6), в JavaScript мы можем использовать для создания ассоциативного массива объект Map.

//создаём пустой ассоциативный массив
const associativeArray = new Map();
//либо создаём ассоциативный массив сразу с тремя парами 'ключ-значений'.
const associativeArray  = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);
//узнаём число элементов
console.log(associativeArray.size); // => 3
//добавляем пару 'ключ-значение'
associativeArray.set('key5','value5');
//получаем значение по ключу
associativeArray.get('key3'); // => 'value3'
//проверяем, содержит ли массив ключ 'key2'
associativeArray.has('key2'); // => true
//удаляем пару 'ключ-значение' по ключу
//если элемент существовал, то вернётся true, в противном случае - false
associativeArray.delete('key1'); // => true
//очищаем массив
associativeArray.clear(); 
3 0
Аватар пользователя Aleksandr Litvinov
Aleksandr Litvinov
29 августа 2022

В JS можно использовать объект, как ассоциативный массив:

const map = {
    'key1': 'value1',
    'key2': 'value2'
};
2 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки