回答編集履歴

2

ちょうせい

2019/11/13 11:30

投稿

yambejp
yambejp

スコア116661

test CHANGED
@@ -87,3 +87,45 @@
87
87
  { name: "主成分", val: "カルシウム" }
88
88
 
89
89
  ```
90
+
91
+
92
+
93
+ # textをfetch
94
+
95
+ 仮にtextデータをfetchで呼んで処理する場合
96
+
97
+ - test.txt
98
+
99
+ ```text
100
+
101
+ 名前=ハンバーグ, 分類=洋食, 主成分=タンパク質
102
+
103
+ 名前=寿司, 分類=和食, 主成分=炭水化物
104
+
105
+ 名前=牛乳, 分類=飲み物, 主成分=カルシウム
106
+
107
+ ```
108
+
109
+
110
+
111
+ ```javascript
112
+
113
+ fetch('test.txt').then(res=>res.text()).then(str=>{
114
+
115
+ var data=str.split(/\n/).map(x=>{
116
+
117
+ return x.split(", ").map(x=>{
118
+
119
+ var y=x.split('=');
120
+
121
+ return {name:y[0],val:y[1]};
122
+
123
+ });
124
+
125
+ }).reduce((x,y)=>x.concat(y));
126
+
127
+ console.log(data);
128
+
129
+ });
130
+
131
+ ```

1

chousei

2019/11/13 11:30

投稿

yambejp
yambejp

スコア116661

test CHANGED
@@ -33,3 +33,57 @@
33
33
  <div class="test"></div>
34
34
 
35
35
  ```
36
+
37
+ ちなみにこうすると
38
+
39
+ ```javascript
40
+
41
+ var str=`名前=ハンバーグ, 分類=洋食, 主成分=タンパク質
42
+
43
+ 名前=寿司, 分類=和食, 主成分=炭水化物
44
+
45
+ 名前=牛乳, 分類=飲み物, 主成分=カルシウム`;
46
+
47
+ window.addEventListener('DOMContentLoaded', ()=>{
48
+
49
+ var data=str.split(/\n/).map(x=>{
50
+
51
+ return x.split(", ").map(x=>{
52
+
53
+ var y=x.split('=');
54
+
55
+ return {name:y[0],val:y[1]};
56
+
57
+ });
58
+
59
+ }).reduce((x,y)=>x.concat(y));
60
+
61
+ console.log(data);
62
+
63
+ });
64
+
65
+ ```
66
+
67
+ こんなデータが返ります
68
+
69
+ ```
70
+
71
+ { name: "名前", val: "ハンバーグ" }
72
+
73
+ { name: "分類", val: "洋食" }
74
+
75
+ { name: "主成分", val: "タンパク質" }
76
+
77
+ { name: "名前", val: "寿司" }
78
+
79
+ { name: "分類", val: "和食" }
80
+
81
+ { name: "主成分", val: "炭水化物" }
82
+
83
+ { name: "名前", val: "牛乳" }
84
+
85
+ { name: "分類", val: "飲み物" }
86
+
87
+ { name: "主成分", val: "カルシウム" }
88
+
89
+ ```