В этом руководстве объясняется, как итерировать цикл по массиву JSON с помощью JavaScript.
Как выполнить итерацию цикла по массиву JSON с помощью JavaScript?
“ массив JSON Доступ к значениям можно получить через цикл. Зацикливание JSON (нотация объектов JavaScript) считается лучшим методом для передачи данных в формате массива. Это связано с тем, что это легкий формат для хранения и передачи необходимых данных из одного места в другое.
В этом разделе используется обычно используемый « для » для итерации массива JSON с использованием JavaScript.
Синтаксис (массив JSON)
Множество - имя '=' [ значение1 , значение2 , ..... значениеN ]
Здесь «значение1», «значение2» и «значениеN» относятся к значениям, которые необходимо повторить.
Давайте практически выполним цикл по массиву «JSON» в JavaScript.
HTML-код
Давайте посмотрим на следующий HTML-код:
< h2 > Перебор массива JSON < / h2 >< п > Массив JSON содержит ноль, один или несколько упорядоченных элементов, разделенных запятой. < / п >
< п идентификатор '=' 'образец' >< / п >
В приведенных выше строках кода:
- “ тег определяет подзаголовок.
- “ <р> ” создает оператор абзаца.
- Наконец, тег «
» определяет пустой абзац с идентификатором « образец », чтобы отобразить значения массива JSON.
JavaScript-код
Затем перейдите к приведенному ниже коду:
< сценарий >константа массив JSON '=' '{'имя':'Джонсон', 'возраст':35, 'автомобили':['BMW', 'Honda', 'Corolla']}' ;
константа Объект '=' JSON. разобрать ( массив JSON ) ;
пусть текст '=' '' ;
для ( пусть к '=' 0 ; к < Объект легковые автомобили . длина ; к ++ ) {
текст += Объект легковые автомобили [ к ] + ', ' ;
}
документ. получитьэлементбиид ( 'образец' ) . внутреннийHTML '=' текст ;
сценарий >
В этом блоке кода:
- Определите массив JSON с именем « массив JSON 'с ' константа ключевое слово, имеющее упорядоченный список значений.
- “ Объект » объект использует « разобрать() », который преобразует указанный текст массива JSON в объект JavaScript.
- После этого « текст ” хранит пустое значение.
- Затем примените « для » для перебора свойств « Объект », объединенный с включенным массивом JSON по ключу «автомобиль».
- Кроме того, свяжите « длина ” и увеличьте цикл, чтобы правильно выполнить итерацию.
- Наконец, примените « получитьэлемент по идентификатору() », чтобы получить доступ к добавленному пустому абзацу, используя его идентификатор «sample». Он будет отображать значения массива JSON через « внутреннийHTML ' свойство.
Выход
Вывод показывает все значения добавленного массива JSON с использованием цикла for.
Заключение
“ JSON-массивы ” можно легко повторять с помощью JavaScript с помощью “ для ' петля. Это распространенный процесс, который обычно используется в веб-разработке для извлечения данных в формате JSON из базы данных или API. В этом руководстве приведено краткое описание итерации цикла по массиву JSON с использованием JavaScript.