Домой Учебники по JSON Как перебрать JSONArray в JavaScript

Как перебрать JSONArray в JavaScript

479
0

Иногда вам нужно обрабатывать некоторый тип массива (JSONArray, int Array и т. Д.) На стороне клиента, то есть в файле jsp или html. И вы хотите повторить этот массив в JavaScript. Как это возможно?

Я создал простое полное решение с примером. Приведенный ниже пример получит JSONArray в качестве входных данных, и мы пройдемся по нему и создадим таблицу HTML, чтобы убедиться, что она работает.

демонстрация

Входные данные:

Выход:

Crunchify.Iterate.Through.JSONArray.in.JavaScript.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
< HTML >
< ГОЛОВА >
< TITLE > Crunchify повторять через JSONArray в JavaScript < / TITLE >
type = text / css>
тело {
фоновое изображение :
url ( 'https://cdn.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png' ) ;
}
<скрипт>
вар график знак равно {
sparkData : [ {
один : [ 97 , 5 , 69 , 35 , 28 , 52 , 51 , 55 ]
} , {
два : [ 96 , 63 , 18 , 55 , 13 , 47 , 77 , 64 ]
} , {
три : [ 94 , 75 , 83 , 44 , 43 , 86 , 68 , 26 ]
} ]
}
вар я знак равно 0
документ. writeln (

);
за ( вар я знак равно 0 ; я < граф. sparkData . длина ; я ++ ) {
вар OBJ знак равно граф. sparkData [ i ] ;
консоль. журнал ( объект ) ;
вар crunchifyName ;
вар crunchifyValue ;
документ. writeln (

) ;
документ. writeln (

);
за ( вар ключ в объект ) {
crunchifyName знак равно ключ ;
crunchifyValue знак равно объект [ ключ ] . toString ( ) ;
+ документ . writeln (

+ crunchifyName
+ :

+ crunchifyValue
+ ) ;
документ. writeln ( ) ;
документ. writeln ( ) ;
}
}
документ. writeln ( ) ;
< / HEAD >
< ТЕЛО >
<Бр>
<Бр>
<Бр>
< div align = center >
< div
style = font-family: verdana; line-height: 25px; отступ: 5px 10px; border-radius: 10px; border: 3px solid # EE872A; ширина: 50%; размер шрифта: 12px; >
Crunchify Перебрать JSONArray в JavaScript от < а
href = 'https://crunchify.com' > Crunchify < / a > . Нажмите < а
href = 'https://crunchify.com/category/java-tutorials/' > здесь < / a >
за вся Java , Spring MVC , Примеры веб- разработки . <Бр>
< / div >
< / div >
< / BODY >
< / HTML >

Пример 2: (Вы можете поместить код ниже в файл выше .html, чтобы увидеть результат консоли)

Входные данные:

1
2
3
4
5
6
7
8
9
10
вар толковый словарь знак равно {
     employee1 : [
         { id : 0 , name : Google } ,
         { id : 1 , name : eBay }
     ] ,
     employee2 : [
         { id : 2 , name : Yahoo } ,
         { id : 3 , name : Facebook }
     ]
} ;

Код Javascript для итерации над элементом JSON:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
вар employee1 знак равно словарь. сотрудник1 ;
вар employee2 знак равно словарь. сотрудник2 ;
за ( вар я в сотрудник1 ) {
вар Я бы знак равно employee1 [ i ] . идентификатор ;
вар название знак равно employee1 [ i ] . имя ;
консоль. log ( id ) ;
консоль. журнал ( имя ) ;
}
за ( вар я в сотрудник2 ) {
вар Я бы знак равно employee2 [ i ] . идентификатор ;
вар название знак равно employee2 [ i ] . имя ;
консоль. log ( id ) ;
консоль. журнал ( имя ) ;
}

Результат из журнала консоли (я использую Google Chrome):

Как перебрать JSONArray в JavaScript

0.00 (0%) 0 votes

ЧИТАТЬ ТАКЖЕ:  Escape Character Utility для данных URL и JSON - не стесняйтесь использовать в своем проекте Java

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь