質問編集履歴

3

修正の追加

2021/07/14 07:55

投稿

Anon_
Anon_

スコア334

test CHANGED
File without changes
test CHANGED
@@ -67,3 +67,89 @@
67
67
  );
68
68
 
69
69
  ```
70
+
71
+
72
+
73
+
74
+
75
+ [修正コード]
76
+
77
+ ```ここに言語を入力
78
+
79
+
80
+
81
+ var list = [
82
+
83
+ {
84
+
85
+ url: 'example.com',
86
+
87
+ flag: false,
88
+
89
+ },
90
+
91
+ {
92
+
93
+ url: 'sub2.example.com',
94
+
95
+ flag: false,
96
+
97
+ }
98
+
99
+ ];
100
+
101
+
102
+
103
+
104
+
105
+ list.map( (obj, index) => {
106
+
107
+ Promise.all(
108
+
109
+ Array(3).fill(null).map(
110
+
111
+ fetch(obj.url)
112
+
113
+ .then( res => {
114
+
115
+ return res.json()
116
+
117
+ })
118
+
119
+ .then(json => {
120
+
121
+ if(json.success){
122
+
123
+ list[index].flag = true;
124
+
125
+ }
126
+
127
+ })
128
+
129
+ .catch( err => {
130
+
131
+ console.log(err);
132
+
133
+ })
134
+
135
+ )
136
+
137
+ ).then( data=>
138
+
139
+ if( obj.flag ){
140
+
141
+ //3発のうちどれかが成功していれば実行
142
+
143
+ }
144
+
145
+ ).catch( e => {
146
+
147
+ console.log(e);
148
+
149
+ })
150
+
151
+ })
152
+
153
+
154
+
155
+ ```

2

コードの修正

2021/07/14 07:55

投稿

Anon_
Anon_

スコア334

test CHANGED
File without changes
test CHANGED
@@ -21,8 +21,6 @@
21
21
  「追記コード」
22
22
 
23
23
  ```JS
24
-
25
-
26
24
 
27
25
  var list = [
28
26
 
@@ -48,15 +46,15 @@
48
46
 
49
47
  for(let i=0; i<3; i++){
50
48
 
51
- let res = await fetch(obj.url);
49
+ let res = await (await fetch(obj.url)).json();
52
50
 
53
- if(res){
51
+ if(res.success){
54
52
 
55
- let res2 = await fetch(obj.url+'?para=test');
53
+ let res2 = await (await fetch(obj.url)).json();
56
54
 
57
- if(res2){
55
+ if(res2.success){
58
56
 
59
- break;
57
+ break;
60
58
 
61
59
  }
62
60
 

1

サンプルの追記

2021/07/14 06:45

投稿

Anon_
Anon_

スコア334

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,71 @@
1
1
  Promise.allの中でfor分を使っているのですが、その中でawaitを使用しているため、forの処理が順番に実行されます。
2
2
 
3
3
  これは当然のことだと思うのですが、このforの処理を並列で処理したいのですがこの場合Promise.allの中でさらにPromise.allを使用する形が正しいのでしょうか?
4
+
5
+
6
+
7
+
8
+
9
+ 実際のコードを提示できず、うまく伝えられるか分かりませんが下記のようなことをやろうとしています。
10
+
11
+ listに複数のURLが格納されていて、そこにfetchでアクセスし、仮に取得できたらそのURLにパラメータを付与して次の情報をfetchで取得ということをやりたいので、Promiseの中でawaitを使用しています。
12
+
13
+ ただ、1度目のアクセスで必ず情報が取得できるというわけではない特殊な状況のため、同じURLに対して同時に3発リクエストを投げて成功したものがあればあれば即時breakというようなことをやりたいのですが良い方法が思いつきません。
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+ 「追記コード」
22
+
23
+ ```JS
24
+
25
+
26
+
27
+ var list = [
28
+
29
+ {
30
+
31
+ url: 'example.com',
32
+
33
+ },
34
+
35
+ {
36
+
37
+ url: 'sub2.example.com',
38
+
39
+ }
40
+
41
+ ];
42
+
43
+
44
+
45
+ Promise.all(
46
+
47
+ list.map( async(obj) => {
48
+
49
+ for(let i=0; i<3; i++){
50
+
51
+ let res = await fetch(obj.url);
52
+
53
+ if(res){
54
+
55
+ let res2 = await fetch(obj.url+'?para=test');
56
+
57
+ if(res2){
58
+
59
+ break;
60
+
61
+ }
62
+
63
+ }
64
+
65
+ }
66
+
67
+ })
68
+
69
+ );
70
+
71
+ ```