質問編集履歴
4
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
|
-
取得したJSONデータの"01"を「
|
|
2
|
+
取得したJSONデータの"01"を「りんご」、"02"を「ゴリラ」、"03"を「ラッパ」のように、JavaScriptもしくはjQueryを使い任意の文字列に変換した上で、HTML上に書き出しをしたいです。
|
|
3
3
|
|
|
4
4
|
前提としてJSONデータは編集できません。
|
|
5
5
|
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
let testJSON = 'test.json';
|
|
45
45
|
jQuery.getJSON(testJSON, function(data){
|
|
46
46
|
var dict = {
|
|
47
|
-
"01": "
|
|
47
|
+
"01": "りんご",
|
|
48
|
-
"02": "
|
|
48
|
+
"02": "ゴリラ",
|
|
49
|
-
"03": "
|
|
49
|
+
"03": "ラッパ",
|
|
50
50
|
};
|
|
51
51
|
var testData = data.Test;
|
|
52
52
|
var newData = [];
|
3
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -60,7 +60,6 @@
|
|
|
60
60
|
newData.push(newElem);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
var testData = data.Test;
|
|
64
63
|
let sampleHTML = '<p>' + newData + '</p>';
|
|
65
64
|
document.querySelector('body div').insertAdjacentHTML('beforeend', sampleHTML);
|
|
66
65
|
});
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -38,7 +38,30 @@
|
|
|
38
38
|
|
|
39
39
|
##### 上記の詳細・結果
|
|
40
40
|
[https://teratail.com/questions/180402](https://teratail.com/questions/180402)
|
|
41
|
-
上記の質問を参考にしてみましたが、うまくいきませんでした。
|
|
41
|
+
上記の質問を参考に下記のように実装してみましたが、うまくいきませんでした。
|
|
42
42
|
|
|
43
|
+
```sample2.js
|
|
44
|
+
let testJSON = 'test.json';
|
|
45
|
+
jQuery.getJSON(testJSON, function(data){
|
|
46
|
+
var dict = {
|
|
47
|
+
"01": "テスト1",
|
|
48
|
+
"02": "テスト2",
|
|
49
|
+
"03": "テスト3",
|
|
50
|
+
};
|
|
51
|
+
var testData = data.Test;
|
|
52
|
+
var newData = [];
|
|
53
|
+
for (i=0;i<testData.length;i++) {
|
|
54
|
+
var elem = testData[i];
|
|
55
|
+
var newElem = Object.assign(
|
|
56
|
+
{},
|
|
43
|
-
|
|
57
|
+
elem,
|
|
58
|
+
{ name: dict[elem] }
|
|
59
|
+
);
|
|
60
|
+
newData.push(newElem);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
var testData = data.Test;
|
|
64
|
+
let sampleHTML = '<p>' + newData + '</p>';
|
|
65
|
+
document.querySelector('body div').insertAdjacentHTML('beforeend', sampleHTML);
|
|
44
|
-
|
|
66
|
+
});
|
|
67
|
+
```
|
1
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
- [ ] その他
|
|
38
38
|
|
|
39
39
|
##### 上記の詳細・結果
|
|
40
|
-
[https://teratail.com/questions/180402](
|
|
40
|
+
[https://teratail.com/questions/180402](https://teratail.com/questions/180402)
|
|
41
41
|
上記の質問を参考にしてみましたが、うまくいきませんでした。
|
|
42
42
|
|
|
43
43
|
### 補足
|