Массив json пример: JSON — Массивы

Содержание

JSON Массивы — Учебник JavaScript — Schoolsw3.com

schoolsw3.com

САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

❮ Назад
Далее ❯

Массивы как объекты JSON

Пример

[ «Форд», «BMW», «Фиат» ]

Массивы в JSON почти такие же, как массивы в JavaScript.

В JSON значения массива должны иметь тип string, number, object, array, boolean или null.

В JavaScript значениями массива могут быть все вышеперечисленное, а также любое другое допустимое выражение JavaScript, включая функции, даты и неопределенные.

Массивы в объектах JSON

Массивы могут быть значениями свойства объекта:

Пример

{
«name»:»Щипунов»,
«age»:30,
«cars»:[
«Форд», «BMW», «Фиат» ]
}

Доступ к значениям массива

Вы получаете доступ к значениям массива, используя число индекса:

Пример

x = myObj.cars[0];

Попробуйте сами »

Цикл по массиву

Вы можете получить доступ к значениям массива, используя цикл for-in:

Пример

for (i in myObj. cars) {
x
+= myObj.cars[i];
}

Попробуйте сами »

Или вы можете использовать цикл for:

Пример

for (i
= 0; i < myObj.cars.length; i++) {
x
+= myObj.cars[i];
}

Попробуйте сами »

Вложенные массивы в объектах JSON

Значения в массиве также могут быть другим массивом или даже другим объектом JSON:

Пример

myObj =
{
«name»:»Щипунов»,
«age»:30,
«cars»: [
{ «name»:»Форд»,
«models»:[ «Fiesta», «Focus», «Mustang» ] },
{ «name»:»BMW», «models»:[ «320», «X3», «X5» ] },
{ «name»:»Фиат», «models»:[ «500», «Panda» ] }
]
}

Чтобы получить доступ к массивам внутри массивов, используйте цикл for-in для каждого массива:

Пример

for (i in myObj.cars) {
x += «<h2>» + myObj.cars[i].name
+ «</h2>»;
for (j in myObj.cars[i].models) {
x += myObj.cars[i].models[j];
}
}

Попробуйте сами »

Изменить значения массива

Используйте число индекса для изменения массива:

Пример

myObj. cars[1] = «Mercedes»;

Попробуйте сами »

Удалить элементы массива

Используйте ключевое слово delete для удаления элементов из массива:

Пример

delete myObj.cars[1];

Попробуйте сами »

❮ Назад
Далее ❯

ВЫБОР ЦВЕТА

ТОП Учебники

HTML Учебник
CSS Учебник
JavaScript Учебник
КАК Учебник
SQL Учебник
Python Учебник
W3.CSS Учебник
Bootstrap Учебник
PHP Учебник
Java Учебник
C++ Учебник
jQuery Учебник

ТОП Справочники

HTML Справочник
CSS Справочник
JavaScript Справочник
SQL Справочник
Python Справочник
W3.CSS Справочник
Bootstrap Справочник
PHP Справочник
HTML Цвета
Java Справочник
Angular Справочник
jQuery Справочник

ТОП Примеры

HTML Примеры
CSS Примеры
JavaScript Примеры
КАК Примеры
SQL Примеры
Python Примеры
W3. CSS Примеры
Bootstrap Примеры
PHP Примеры
Java Примеры
XML Примеры
jQuery Примеры

Форум |
О SchoolsW3

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять
Условия к использованию,
Cookies и политика конфиденциальности.

Авторское право 1999- Все права защищены.
SchoolsW3 работает на площадке от SW3.CSS.

особенности, описание, первые проект OTUS

JSON – объект, о котором слышали многие разработчики. Но на первых порах данная аббревиатура остается загадкой. Работать с ней при наличии определенных навыков достаточно легко.

Данный объект широко распространен в анимации. Помогает внедрять оную на веб-странички. Далее будут рассмотрены основы JSON, а также приведен пример первого проекта с анимацией в After Effeсts и Лотти.

Что это такое

JSON – объект JavaScript. Своеобразный метод хранения и передачи информации структурированного характера. За счет элементарного синтаксиса позволяет сохранять все, что угодно:

строки;
массивы;
числа;
те или иные объекты.

Перечисленные элементы будут представлены в текстовом формате. JSON является простейшим для понимания открытым стандартом. Соглашения из него известны не только тем программерам, которые на практике применяют JS. Другие языки тоже сталкиваются с рассматриваемым стандартом.

Преимущества

JSON обладает рядом преимуществ. К ним относят:

компактность;
простое чтение предложений, написанных подобным образом – актуально и для машины, и для человека;
легкость преобразования в структуры данных для разнообразных языков программирования;
наличие у большинства языков программирования функций и библиотек, которые помогут создавать и читать структуры JSON.

В основе работы оного лежит способ определения объектов и массивов. Данный процесс проходит на создание массивов ассоциативного типа в других языках программирования.

Области применения

Работа с JSON осуществляется далеко не всегда. Существуют различные сферы и задачи, где данная «технология» применяется весьма активно.

Стандарт используется в следующих случаях:

во время создания приложений на JS, включающие в себя расширения браузеров и веб-странички;
когда нужно сериализировать или передач структурированную информацию по сети;
если возникает необходимость в обмене информацией между серверами и веб-утилитами;
при написании web-сервисов и API, чтобы предоставить пользователю доступ к общим данным.

Также он имеет место при работе с анимацией в браузерах и на страничках в интернете. Может быть задействован для того, чтобы отправлять информацию от интернет-обозревателей на сервера. Делается это через передачу строчки JSON в виде параметра запросов POST или GET.

Внимание: предложенный последний пример не слишком популярен. Для описанной ситуации программеры чаще пользуются запросами AJAX. Этот прием помогает упростить первоначальную запись.

Несколько слов о характеристиках

Данные JSON обладают конкретными характеристиками. Их частично можно отнести к преимуществам:

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

Но для того, чтобы использовать JSON, нужно уточнить его синтаксис. Из всего вышесказанного следует – затруднений данный процесс не вызовет.

Синтаксис

Преимущественно рассматривается в качестве подмножества синтаксиса JS. Включает в себя следующие особенности:

информация представляется в сочетании «имя/значение»;
фигурные скобки применяются для хранения объекта;
после объекта пишется двоеточие;
чтобы разделить пару «имя/значение», необходимо поставить запятую;
квадратные скобки отвечают за массивы, значения который также разделяются запятой.

Здесь имеется поддержка двух структур электронных материалов:

Коллекция пар «имя/значение». Поддерживается большинством языков программирования.
Упорядоченные списки значений. Предусматривают включение массивов, списков, векторов, последовательностей и иных «сложных» объектов.

Выше приведен простой пример JSON.

Типы данных

Формат JSON обладает поддержкой разнообразных типов информации. Разобраться в них поможет табличка, представленная ниже.

Тип	Описание
Число	С плавающей точкой двойной точности в JS.
Строка	Unicode, содержащий двойные кавычки и обратную косую черту.
Логический	True/False.
Массив	Последовательность значений упорядоченного характера.
Значение	Строка, число, истина, ложь, нуль и так далее.
Объект	Набор пар «ключ:значение» неупорядоченного характера.
Пробел	Применяется между несколькими парами токенов.
Ноль (null)	Обозначение пустоты.

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

Немного об объектах

Объект в рассматриваемой «методике» предусматривает следующие особенности:

заключаются в фигурные скобки;
после каждого имени проставляется двоеточие;
пара «ключ/значение» делится запятой;
ключ должен выступать в виде строки;
каждый ключ отличается друг от друга;
используется тогда, когда имена ключей – это произвольные строки.

Выше представлен синтаксис объекта, а также простой пример оного.

Как создать строку

Для использования строчек JSON сначала необходимо создать их. Это простой процесс, но перед его воплощением в жизнь требуется запомнить несколько правил:

строка включает в себя массив значений или объект;
массив пишется в квадратных скобках;
объект прописывается в фигурных скобках;
для включения двойных кавычек в строчку, нужно использовать символ «\».

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

Наглядный пример

Файлы JSON можно использовать для анимации и иных сложных объектов. Но в первую очередь требуется освоить работу со строками. Предложенные коды ниже – это наглядные примеры рассматриваемого элемента.

Мало создать строку JSON – ее требуется грамотно прочесть. В рассмотренном примере:

В самом начале проставляются фигурные одинарные скобки. Они указывают на то, что работать предстоит с объектом.
Внутри объекта расположены несколько пар «имя/значение».
“orderID”: 12345 – поле с именем ordered, а также присвоенным значением 12345.
“shopperName”: “John Smith” – поле «ШопперНейм» и значение «Джон Смит» (на английском).
“shopperEmail”: [email protected] – аналогично предыдущему способу хранения информации о покупателе, а именно здесь публикуется электронный ящик.
“contetnts”:[…] – полет contents, значением которого выступает указанный массив.
“orderCompleted”: true – поле «ОрдерКомплитед» со значением «истина».
В массиве contents расположены два объекта, отвечающие за отображение содержимого корзинки.

Этот вариант подходит для демонстрации того, как сохранять в корзине информацию из интернет-магазина. Весьма распространенный и популярный прием.

Формат данных JSON совпадает с объектами в JS. Это позволяет переделать предыдущий скрипт. То, как будет выглядеть код объекта JacaScript, указано выше.

Сравнение JSON с XML

Примеры JSON можно рассматривать бесконечно долго. На основе предложенного варианта стоит провести сравнение с XML.

Разработчики используют изучаемый формат в качестве альтернативного подхода в программировании. На то существуют собственные причины:

JSON за последние годы набрал популярность в качестве средства передачи AJAX информации;
XML обладает большим объемом по сравнению с «ДжейСон»;
чтение JSON более простое, нежели у XML.

Чтобы убедиться в сказанном, можно добавить ранее изученный наглядный пример кодификации. Если создать его с помощью XML, код будет выглядеть так:

По итогу вместо 323 символов исходная кодификация заняла 1128. Чтение тоже будет сложнее.

Внимание: рекомендуется отдавать предпочтение формату JSON при программировании.

Работа через JS

Теперь можно подойти к самому ответственному моменту – к работе с форматом JSON в различных языках программирования. А именно – в JS. Информация, представленная далее, идеально подойдет для начинающих путь в разработку.

Создание и чтение формата

Из вышесказанного следует, что рассматриваемый формат обладает простым синтаксисом. А еще его достаточно легко прочесть. Но вот с ручным написанием возникают трудности. Также приходится конвертировать строки в переменные и уже после этого задействовать в кодификации.

Вот общие принципы упомянутых процессов:

Строки создаются при условии, что разработчик начинает внедрять переменные. Последние обладают теми или иными значениями. Далее происходит пропуск через функции, которые помогают переделывать информацию в строчку.
Чтение начинается со строки JSON, которая обладает теми или иными сведениями. Нужно осуществить пропуск string через функцию, которая отвечает за создание переменных, содержащих электронные материалы.

Далее представлены наглядные примеры того, как операции происходят в JS

Из переменной

У JS имеется встроенный метод JSON.stringify(). Он принимает переменную JavaScript, а затем возвращает строчку JSON, репрезентируя содержимое оной. Strings выводятся без пробелов.

Из строки

А вот парсинг строк. Существуют различные варианты решения поставленной задачи, но лучше всего применять JSON.parse(). Он выделяется безопасностью и надежность. Принимает «ДжейСОН» строчку и преобразовывает ее в объект/массив Джавы и «исходными электронными материалами».

Как быть с анимацией

Анимированные объекты на веб-страницах – это не такая большая редкость. Они встречаются очень часто. И одного предложенного примера недостаточно для полного понимания принципов работы JSON.

Лучше всего использовать для реализации поставленной задачи Lottie. Данным способом можно производить экспорт анимационных объектов без потери качества. В процессе будет задействован After Effects.

LottieFiles

Так называют независимую платформу от Aitbnb, предусмотренную для дизайнеров. С ее помощью можно осуществлять с анимацией различные действия:

тестировать;
загружать;
приобретать;
выгружать.

Также здесь предусматривается совмещение с After Effects. Работать подобным образом достаточно легко.

Начало

В первую очередь требуется провести предварительную подготовку. А именно:

установить на устройство плагин для дальнейшей работы;
использовать LottieFile или Bodymovin;
создать анимацию – в примере им будет дрон с лопастями, которые вращаются;
импортировать в слои файлы Illustrator;
создать спиральные 3D-слои и повернуть их;
перед применением 3D-слоев удостовериться в поддержки таковых.

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

На чем сконцентрироваться

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

В Lottie рекомендуется учесть следующие моменты:

Файлы «Джейсон» должны в итоге оказаться максимально компактными. Особенно тогда, когда речь идет о мобильных продуктах.
Чтобы создавать анимацию в Lottie, рекомендуется максимально изучить After Effect. Это позволит избежать наличия лишних ключевых кадров.
Постараться отказаться от применения ключевых кадров пути. Данный момент требует создания большого документа из преобразования всей вершины.
Рекомендуется отказаться от покачиваний, автоматической трассировки и похожих методов. Связано это с большим количеством ключевых кадров, что отражается на производительности.
Слои Illustrator, EPS, PDF или SVG преобразовываются для формирования слоев в After Effects. Иначе это поспособствует возникновению ошибки.
Выражение и эффекты в Lottie пока не поддерживаются.
Стили слоев тоже не имеют поддержки.
Некоторые режимы наложения не поддерживаются. Они не видны даже через Luma.

Все это позволит создать animations без особых затруднений.

Непосредственная работа

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

Запустить After Effect и созданную ранее анимацию.
Произвести импорт слоев, после – выбрать их все.
Кликнуть ПКМ и выбрать «Создать»-«Создание фигуры из векторных…».
Удалить AI-файлы.
Провести симуляцию вращения путем анимирования размера в X (ширины).
Создать нулевой объект, который будет отвечать за перемещение всего логотипа.
Нулевой объект сделать видимым, сделать 0% прозрачности. Тогда все будет работать.
Перейти в «Окно»-«Расширение»-«LottieFiles».
Открыть окно для просмотра animation и ее загрузки в Lottie-файл. Для реализации поставленной задачи требуется Лотти-аккаунт.

По ссылке можно найти скрины проделанной работы. А для того, чтобы лучше разбираться в изученной теме, рекомендуется пройти дистанционные онлайн курсы «JSON для начинающих».

Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в Otus!

Пример JSON с типами данных, включая массив JSON

В этой статье будут представлены все примеры JSON, которые охватывают все типы данных, поддерживаемые JSON. Вот список типов данных JSON.

Допустимые типы данных JSON

Строка
Номер
Объект
Массив
Булево значение
Нуль

1. Пример строки JSON:

 {
  "имя": "Том",
  "lastname": "Круиз",
  "оккупация": "Актер"
}

В этом примере показана информация о человеке, и вы знаете Тома Круза. Эти данные JSON представляют детали, которые содержат строку. Поиграйте с примером строки JSON. Строка в JSON должна быть в двойных кавычках.

2. Пример номера JSON:

 {
  "идентификатор": 1,
  "возраст": 56,
  "год рождения": 1963,
  "дата": 3,
  "месяц": 7,
  «вес»: 67,5
}

В этом примере показано, как представлять числа, и я добавил сведения о дне рождения Тома Круза. Я добавил это в 2018 году. Так что вы можете посчитать, если сейчас не 2018 год. 🙂 Поиграйте с примером номера JSON. Числа в JSON должны быть целыми или с плавающей запятой.

3. Пример объекта JSON:

 {
  "актер": {
    "name": "Том Круз",
    "возраст": 56,
    «Родился в»: «Сиракузы, Нью-Йорк»,
    «Дата рождения»: «3 июля 1962 г.»,
    "фото": "https://jsonformatter.org/img/tom-cruise.jpg"
  }
}

Эти данные JSON представляют подробную информацию об актере и его свойствах. Это объект JSON, который может иметь разные свойства. Поиграйте с примером объекта JSON.

4. Пример массива JSON

 {
  "Актеры": [
    {
      "name": "Том Круз",
      "возраст": 56,
      «Родился в»: «Сиракузы, Нью-Йорк»,
      «Дата рождения»: «3 июля 1962 г.»,
      "фото": "https://jsonformatter.org/img/tom-cruise.jpg"
    },
    {
      "name": "Роберт Дауни-младший",
      «возраст»: 53 года,
      «Родился в»: «Нью-Йорк, штат Нью-Йорк»,
      «Дата рождения»: «4 апреля 1965 г.»,
      "фото": "https://jsonformatter.org/img/Robert-Downey-Jr.jpg"
    }
  ]
}

Это массив данных JSON. Он показывает два объекта-актора, и каждый объект может иметь свои собственные свойства. Поиграйте с примером массива JSON.

5. Пример логического значения JSON

 {
  "имеет детей": правда,
  «hasTwitterAccount»: правда,
  "hasGreyHair": ложь
}

В этом примере JSON показано, как представлять логические значения в JSON. Поиграйте с булевым примером JSON. Логическое значение должно быть истинным или ложным.

6. Нулевой пример JSON

 1
2
3

 {
  "жена": ноль
}

JSON Null Пример показывает, как представлять значения Null в JSON. Поиграйте с нулевым примером JSON. Null поможет представить значение как недоступное.

Я объяснил все шесть типов данных JSON в приведенных выше примерах.

Пример со всеми типами данных JSON.

 {
  "Актеры": [
    {
      "name": "Том Круз",
      "возраст": 56,
      «Родился в»: «Сиракузы, Нью-Йорк»,
      «Дата рождения»: «3 июля 1962 г.»,
      "фото": "https://jsonformatter.org/img/tom-cruise.jpg",
      "жена": ноль,
      «вес»: 67,5,
      "имеет детей": правда,
      "hasGreyHair": ложь,
      "дети": [
        "Сури",
        «Изабелла Джейн»,
        "Коннор"
      ]
    },
    {
      "name": "Роберт Дауни-младший",
      «возраст»: 53 года,
      «Родился в»: «Нью-Йорк, штат Нью-Йорк»,
      "Дата рождения": "4 апреля, 1965",
      "фото": "https://jsonformatter. org/img/Robert-Downey-Jr.jpg",
      "жена": "Сьюзан Дауни",
      «вес»: 77,1,
      "имеет детей": правда,
      "hasGreyHair": ложь,
      "дети": [
        "Индио Фальконер",
        "Аври Роэл",
        "Экстон Элиас"
      ]
    }
  ]
}

Пример воспроизведения JSON со всеми типами данных.

Надеюсь, эта статья поможет разобраться в данных JSON. Если вы хотите узнать больше о JSON, ознакомьтесь с этой статьей. Что такое JSON?.

Что такое массив JSON?

Массив JSON почти такой же, как массив JavaScript. Массив JSON может хранить значения типа строки, массива, логического значения, числа, объекта или null. В массиве JSON значения разделяются запятыми. Доступ к элементам массива можно получить с помощью оператора [].

Массив JSON бывает разных типов. Давайте разберем их с помощью примеров.

Массив строк JSON: Массив строк JSON содержит только строковые элементы. Например, в приведенном ниже массиве есть 6 строковых элементов: «Рам», «Шьям», «Радхика», «Акшай», «Прашант» и «Варун», каждый элемент разделен запятой (,).

 ["Рам", "Шьям", "Радхика", "Акшай", "Прашант", "Варун"]

Пример: Здесь мы назначим массив строк JSON ключу студентов в объект jsonStringArray . Затем мы обращаемся к первому элементу массива с помощью оператора [ ].

HTML

< html >

< body >

< p id = "para" > p >

< Скрипт >

var jsonstringarray = {

0167 // Присвоил массив строк JSON

// ключу «студенты».

«Студенты»: [«ОЗУ», «Шьям», «Радхика»,

"Akshay", "Prashant", "Varun"],

903

99666996666666666666666666666666666666666666666666.

96669666666666666696669666669.

// Он вернул массив. Затем мы получили доступ к

// первый индекс массива

// (то есть «Ram») с использованием синтаксиса [].

var x = jsonStringArray.students[0];

// Установить внутренний HTML абзаца "para"

"значение переменной // x //".

document.getElementById("para").innerHTML = x;

script >

body >

html >

Вывод:

Ram

Массив чисел JSON: Массив чисел JSON содержит только числовые элементы. Например, в приведенном ниже массиве 5 элементов: 23, 44, 76, 34, 9.8.

 [23, 44, 76, 34, 98]

Пример: Здесь мы присваиваем массив чисел JSON ключу , помечающему в объекте jsonNumberArray . Затем мы получаем доступ к первому элементу массива с помощью оператора [ ].

HTML

< html >

< body >

< p id = "para" > p >

< script >

var jsonnumberarray = {

// Присвоенный json rate из номеров //0003

// на ключ "метки".

"метки": [23, 44, 76, 34, 98],

};

// Он вернул числовой массив.

// Затем мы получили доступ к первому

// индекс массива0168 // (что равно 23) с использованием синтаксиса [].

var x = jsonNumberArray.marks[0];

// Установить внутренний HTML абзаца «para»

// значение переменной «x».

document. getElementById("para").innerHTML = x;

сценарий >

body >

html >

Output:

JSON Array of Booleans: JSON Массив логических значений содержит только логические элементы (истинные или ложные). Например, в приведенном ниже массиве 5 элементов, каждый из которых либо истинен, либо ложен.

 [правда, правда, правда, ложь, ложь, правда]

Пример: Здесь мы назначаем массив логических значений JSON ключу boolean в объекте jsonBooleanArray . Затем мы получаем доступ к первому элементу массива с помощью оператора [ ].

HTML

< html >

< body >

< p id = "para" > p >

< script >

var jsonbooleanarray = {

// Назначен JSON Array Boolean

/// TO KEY "BOOLEAN".

"booleans": [true, true, true, false, false, true],

};

// Здесь мы получили доступ к логическому свойству

1

// Он вернул логический массив. Затем мы получили доступ к

// первый индекс массива

// (что верно) с использованием синтаксиса [].

var x = jsonBooleanArray.booleans[0];

// Установить внутренний HTML абзаца «para»

// значение переменной «x».

document.getElementById("para").innerHTML = x;

script >

body >

html >

Output:

 true

Массив объектов JSON: Объект JSON аналогичен объекту JavaScript. Мы также можем создать массив JSON, содержащий множество объектов JSON, затем мы можем выполнить итерацию по этому массиву или использовать [ ] для получения нужного объекта. В приведенном ниже примере есть три объекта JSON в массиве, назначенном ключу «книги». Каждый объект имеет свойства «имя» и «автор».

 {
  "книги": [
    {"имя":"Давайте С", "автор":"Яшавант Канеткар"},
    {"имя":"Богатый папа, бедный папа", "автор":"Роберт Кийосаки"},
    {"имя":"Введение в алгоритмы", "автор":"Кормен"},
 ]
}

Пример: Здесь мы назначаем массив объектов JSON ключу books в объекте jsonObjectArray . Затем мы получаем доступ к первому элементу массива с помощью оператора [ ].

HTML

< html >

< body >

< p id = "para" > p >

< script >

var jsonObjectArray = {

// Assigned a JSON array of objects

// to the key "books"

"books": [

{

«Название»: «Давайте C»,

«Автор»: «Яшавант Канетак». 0168

},

{

"name": "Rich Dad Poor Dad",

"author": "Robert Kiyosaki "

},

{

"Introduction to Alithms",0168

«Автор»: «Кормен»

},

]

.

// Здесь мы получили доступ к свойству books

// jsonObjectArray Object.

// Он вернул массив объектов. Тогда мы

// accessed the first index of the array

// (which is an JSON object) using [] syntax

var x = jsonObjectArray.books[0 ];

// Устанавливаем внутренний HTML-код абзаца «para»

в значение переменной «7» из 6 6 8 901 // .

document.getElementById("para").innerHTML

= x.name + " by " + x.author;

script >

body >

html >

Output:

 Let Us C by Yashavant Kanetkar

5. Массив массивов JSON ИЛИ многомерный массив JSON: Также можно создать массив JSON, содержащий другие массивы в качестве элементов. В приведенном ниже примере у нас есть массив JSON, который содержит массивы ["a", "b", "c"] , ["d", "e", "f"] , ["g", «h», «i»] в нем. Мы можем использовать оператор [] для получения массива по любому индексу и снова использовать оператор [] для получения элемента выбранного массива.

 {
    "матрица": [
        ["а", "б", "в"],
        ["д", "е", "ф"],
        ["г", "ч", "я"]
    ],
};

Пример: Здесь мы назначаем массив массивов JSON ключевой матрице в объекте jsonMultiArray . Затем мы получаем доступ к первому элементу массива с помощью оператора [ ].

HTML

< html >

< body >

< p id = "para" > p >

< script >

var jsonmultiarray = {

// Присвоенный массив JSON

// Сметный к ключевой "Матрикс".

"Матрица": [

["A", "B", "C"],

["" D. ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",". " ,

["G", "H", "I"]

],

};;

// Здесь мы получили доступ к свойству матрицы

// объекта jsonMultiArray.

// Он вернул матрицу (2D-массив).