Это руководство обслуживает следующее содержание:
- Как использовать массив объектов JSON в JavaScript
- Пример 1: Создание массива объектов JSON
- Пример 2. Доступ к массиву объектов JSON
- Пример 3: добавление или удаление массива объектов JSON
Как использовать массив объектов JSON в JavaScript?
Объект JSON — это, по сути, объект на основе JavaScript. Эти объекты можно использовать для доступа к свойствам массива. После доступа пользователи могут добавлять, удалять или изменять свойства в существующем массиве. Кроме того, метод stringify() используется для преобразования строки JSON в массив объектов JSON. Таким образом, методы push() и pop() используются для выполнения манипуляций с массивом.
Пример 1. Создание массива объектов JSON в JavaScript
Рассмотрен пример создания массива объектов JSON с использованием JavaScript. Например, код приведен ниже.
Код
константа учитель знак равно {
'Имя' : 'Гарри' , 'Предмет' : 'Английский' ,
'возраст' : '35'
} ;
приставка. журнал ( учитель ) ;
В этом коде массив « учитель ' создается путем определения таких свойств, как ' Имя », « Предмет ', а также ' возраст ».
После этого различные значения, такие как « Гарри », « Английский ', а также ' 35 ” присваиваются вышеуказанным свойствам. В конце выведите массив « учитель ” с использованием console.log() метод.
Выход
Вывод показывает « учитель » массив объектов JSON в окне консоли.
Пример 2. Доступ к массиву объектов JSON в JavaScript
Рассмотрен пример доступа к свойствам элементов массива в JavaScript.
Код
приставка. журнал ( «Пример использования массива с помощью объекта JSON» ) ;константа учитель знак равно {
'Имя' : 'Гарри' , 'Предмет' : 'Английский' ,
'возраст' : '35'
} ;
константа objArr знак равно учитель => {
константа обр знак равно [ ] ;
константа ключи знак равно Объект . ключи ( учитель ) ;
за ( пусть х знак равно 0 ; Икс < ключи. длина ; Икс ++ ) {
обр. толкать ( учитель [ ключи [ Икс ] ] ) ;
} ;
возвращаться обр ;
} ;
приставка. журнал ( objArr ( учитель ) ) ;
Описание кода:
- Массив ' учитель » инициализируется определением « Имя », « Предмет ', а также ' возраст ' характеристики.
- Этим свойствам присваиваются разные значения, например « Гарри », « Английский ', а также ' 35 ».
- После этого JSON объект ' objArr ” используется для доступа к свойствам элементов и возврата нового массива.
- Внутри ' objArr », используется цикл for, который вставляет значения свойств, используя толкать() метод.
- Цикл выполняется до тех пор, пока все значения свойств не будут введены в « обр ' множество.
- В конце концов, objArr(учитель) используется для отображения значений свойств.
Выход
На выходе отображаются разные значения: «Гарри», «английский» и «35» путем присвоения свойств в JavaScript.
Пример 3. Добавление или удаление массива объектов JSON в JavaScript
Пример адаптирован для добавления и удаления массива элементов с помощью объекта JSON в JavaScript.
Код
приставка. журнал ( «Пример использования массива объектом JSON» ) ;был arrObj знак равно [ { 'фрукты' : 'Яблоко' } , { 'фрукты' : 'Банан' } ] ;
приставка. журнал ( JSON. натягивать ( arrObj ) ) ;
обрОбж. толкать ( { 'фрукты' : 'Апельсин' } ) ;
приставка. журнал ( JSON. натягивать ( arrObj ) ) ;
обрОбж. поп ( ) ;
приставка. журнал ( JSON. натягивать ( arrObj ) ) ;
Описание кода выглядит следующим образом:
- Массив объектов JSON « arrObj ” инициализируется двумя свойствами фруктов.
- После этого JSON.stringify() метод используется для преобразования значения JavaScript в строки JSON.
- arrObj.push() метод вставляет элемент, передавая значение « фрукты ”: “ Апельсин » в массив.
- После этого arrObj.pop() Метод удаляет недавно введенный элемент из массива.
- В конце отобразите массив объектов JSON». arrObj ” с использованием console.log() метод.
Выход
Вывод показывает выполнение приведенного выше кода путем добавления и удаления элементов массива « фрукты ”: “ Апельсин ” через объекты JSON.
Вывод
В этой статье, JSON-объекты используются для доступа и изменения элементов массива в JavaScript.
Для этого предоставляется обзор с двумя практическими примерами. В первом примере объекты JSON обращались к свойствам массива и отображали их в консоли. Во втором примере встроенный метод, Строка () , используется для добавления и удаления свойств в массиве. На основе этой статьи пользователи могут добавлять, удалять или изменять свойства массива с помощью объектов JSON.