回答編集履歴

7

修正

2020/09/13 08:32

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -1,3 +1,13 @@
1
+ # ありがたく思うなら解決していけ。複数アカウントがバレにくいように質問を削除するな。
2
+
3
+
4
+
5
+ [ARP - jwosnwデータの文法について|teratail](https://teratail.com/questions/290990)
6
+
7
+ [JavaScript - JSONデータをシンプルにHTMLに直したい。|teratail](https://teratail.com/questions/291432)
8
+
9
+
10
+
1
11
  **間違っているのは JSON ではなくスクリプトの方です。**
2
12
 
3
13
  前回の質問で確認した通り、JSON は間違っていません。

6

修正

2020/09/13 08:32

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
 
6
6
 
7
- しかしながら、スクリプトに手を付けることなく JSON を書き換えることによって何らかの表示をしたいのであれば、二番目の追記のようにしてください。
7
+ **しかしながら、スクリプトに手を付けることなく JSON を書き換えることによって何らかの表示をしたいのであれば、二番目の追記のようにしてください。**
8
8
 
9
9
 
10
10
 

5

追記

2020/09/11 05:08

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -1,6 +1,10 @@
1
1
  **間違っているのは JSON ではなくスクリプトの方です。**
2
2
 
3
3
  前回の質問で確認した通り、JSON は間違っていません。
4
+
5
+
6
+
7
+ しかしながら、スクリプトに手を付けることなく JSON を書き換えることによって何らかの表示をしたいのであれば、二番目の追記のようにしてください。
4
8
 
5
9
 
6
10
 

4

追記

2020/09/11 05:08

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -139,3 +139,55 @@
139
139
  ### 追記 実行結果
140
140
 
141
141
  ![イメージ説明](9f08a5f99f9811386a795fe03fc6971d.png)
142
+
143
+
144
+
145
+ ### 追記
146
+
147
+
148
+
149
+ もし仮に、スクリプトには一切手を加えることなく、JSON の構造をどのように変えてもいいからなにがしか表示できるようにしたいということであれば、次のものを試してください。
150
+
151
+
152
+
153
+ ```
154
+
155
+ [
156
+
157
+ {
158
+
159
+ "title":"タイトル1",
160
+
161
+ "text":[0, 1],
162
+
163
+ "menu":[
164
+
165
+ {"menu":"メニュー0"},
166
+
167
+ {"menu":"メニュー1"}
168
+
169
+ ]
170
+
171
+ },
172
+
173
+ {
174
+
175
+ "title":"タイトル2",
176
+
177
+ "text":[0, 1, 2],
178
+
179
+ "menu":[
180
+
181
+ {"menu":"メニュー0"},
182
+
183
+ {"menu":"メニュー1"},
184
+
185
+ {"menu":"メニュー2"}
186
+
187
+ ]
188
+
189
+ }
190
+
191
+ ]
192
+
193
+ ```

3

スクリプトを少しシンプルにした

2020/09/11 04:43

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -80,33 +80,33 @@
80
80
 
81
81
  const toUl = element => {
82
82
 
83
+ const result = $("<ul>");
84
+
83
- const items = Object.entries(element).map(([key, value]) => {
85
+ for ([key, value] of Object.entries(element)) {
84
86
 
85
87
  switch (typeof(value)) {
86
88
 
87
89
  case "object":
88
90
 
89
- return toUl(value);
91
+ result.append(toUl(value));
92
+
93
+ break;
90
94
 
91
95
  default:
92
96
 
93
- return $("<li>").append(value);
97
+ result.append($("<li>").append(value));
98
+
99
+ break;
94
100
 
95
101
  }
96
-
97
- });
98
-
99
- const result = $("<ul>");
100
-
101
- for (item of items) {
102
-
103
- result.append(item);
104
102
 
105
103
  }
106
104
 
107
105
  return result;
108
106
 
109
107
  };
108
+
109
+
110
110
 
111
111
  for ([key, value] of Object.entries(data)) {
112
112
 

2

修正

2020/09/11 01:39

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -1,4 +1,6 @@
1
- 間違っているのはスクリプトの方です。
1
+ **間違っているのは JSON ではなくスクリプトの方です。**
2
+
3
+ 前回の質問で確認した通り、JSON は間違っていません。
2
4
 
3
5
 
4
6
 

1

追記

2020/09/11 01:13

投稿

Zuishin
Zuishin

スコア28669

test CHANGED
@@ -131,3 +131,9 @@
131
131
  });
132
132
 
133
133
  ```
134
+
135
+
136
+
137
+ ### 追記 実行結果
138
+
139
+ ![イメージ説明](9f08a5f99f9811386a795fe03fc6971d.png)