回答編集履歴

4

追記

2018/07/18 07:56

投稿

og24715
og24715

スコア832

test CHANGED
File without changes

3

追記

2018/07/18 07:56

投稿

og24715
og24715

スコア832

test CHANGED
@@ -1,8 +1,12 @@
1
+ ## 謝罪
2
+
3
+
4
+
1
5
  ちょっと早とちりしました。申し訳ありません。
2
6
 
3
7
 
4
8
 
5
- ---
9
+ ## 本題
6
10
 
7
11
 
8
12
 
@@ -68,7 +72,13 @@
68
72
 
69
73
  for(j = 1; j < 3; j += 1) {
70
74
 
71
- $('<td>' + data.release[i][`tokyo${j}`] + '<td>').appendTo('table.tbl tbody');
75
+ $('<td>' + data.release[i]['tokyo' + j] + '<td>').appendTo('table.tbl tbody');
76
+
77
+
78
+
79
+ // テンプレートリテラルを使うと下のように書けます
80
+
81
+ $(`<td>${data.release[i][`tokyo${j}`]}<td>`).appendTo('table.tbl tbody');
72
82
 
73
83
  }
74
84
 

2

修正

2018/07/18 07:56

投稿

og24715
og24715

スコア832

test CHANGED
@@ -1,9 +1,77 @@
1
+ ちょっと早とちりしました。申し訳ありません。
2
+
3
+
4
+
5
+ ---
6
+
7
+
8
+
9
+ `data.release` は2つの要素からなる配列なので愚直に表示しようとしたら以下のようになります。
10
+
11
+
12
+
13
+ ```js
14
+
15
+ $('<td>' + data.release[0].tokyo1 + '<td>').appendTo('table.tbl tbody');
16
+
17
+ $('<td>' + data.release[0].tokyo2 + '<td>').appendTo('table.tbl tbody');
18
+
19
+ $('<td>' + data.release[0].tokyo3 + '<td>').appendTo('table.tbl tbody');
20
+
21
+
22
+
23
+ $('<td>' + data.release[1].tokyo1 + '<td>').appendTo('table.tbl tbody');
24
+
25
+ $('<td>' + data.release[1].tokyo2 + '<td>').appendTo('table.tbl tbody');
26
+
27
+ $('<td>' + data.release[1].tokyo3 + '<td>').appendTo('table.tbl tbody');
28
+
1
29
  ```
2
30
 
3
- for( i = 0; i<=2 ; i++){
4
31
 
32
+
33
+ これを this.relase の要素数だけ for 文でループするならば以下のようになります。
34
+
35
+
36
+
37
+ ```
38
+
39
+ const numberOfReleases = data.release.length;
40
+
41
+
42
+
43
+ for(i = 0; i < numberOfReleases; i += 1) {
44
+
5
- $(`<td>${data.release[i][`tokyo${i + 1}`]}<td>`).appendTo('table.tbl tbody');
45
+ $('<td>' + data.release[i].tokyo1 + '<td>').appendTo('table.tbl tbody');
46
+
47
+ $('<td>' + data.release[i].tokyo2 + '<td>').appendTo('table.tbl tbody');
48
+
49
+ $('<td>' + data.release[i].tokyo3 + '<td>').appendTo('table.tbl tbody');
6
50
 
7
51
  }
8
52
 
9
53
  ```
54
+
55
+
56
+
57
+ 本題の `tokyo{num}` の部分ですが、ドット表記法ではなくブラケット表記法でプロパティにアクセスすることで達成できます。
58
+
59
+
60
+
61
+ ```js
62
+
63
+ const numberOfReleases = data.release.length;
64
+
65
+
66
+
67
+ for(i = 0; i < numberOfReleases; i += 1) {
68
+
69
+ for(j = 1; j < 3; j += 1) {
70
+
71
+ $('<td>' + data.release[i][`tokyo${j}`] + '<td>').appendTo('table.tbl tbody');
72
+
73
+ }
74
+
75
+ }
76
+
77
+ ```

1

fix

2018/07/18 07:51

投稿

og24715
og24715

スコア832

test CHANGED
@@ -2,4 +2,8 @@
2
2
 
3
3
  for( i = 0; i<=2 ; i++){
4
4
 
5
+ $(`<td>${data.release[i][`tokyo${i + 1}`]}<td>`).appendTo('table.tbl tbody');
6
+
7
+ }
8
+
5
9
  ```