編集履歴

回答編集履歴

テキスト修正

2018/08/26 22:55

投稿

スコア9058

test CHANGED Viewed

@@ -110,13 +110,13 @@
-※以下の追記1, 2 で上記コードの修正案を書いてます。
+※以下の追記1, 2 で上記の２つの関数の修正案を書いてます。
 ---
-**追記1**
+**追記1**：sortedEventsOfBothTeams の別案
@@ -166,7 +166,7 @@
 ---
-**追記2**
+**追記2**： timeValueの別案

テキスト修正

2018/08/26 22:55

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -120,7 +120,7 @@
-上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですかね。
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと、ぱっと見たときに分かりにくい気がしました。
 [kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を結合の後で行うことにして、以下のようになりました。

テキスト修正

2018/08/26 22:51

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -74,7 +74,7 @@
-- 上記コードを使って、`<table>` を作るサンプルを
+上記コードを使って、`<table>` を作るサンプルを
@@ -88,11 +88,7 @@
-- コードについて補足しますと、
+上記で作成した２点の関数について、以下、補足説明します。

テキスト修正

2018/08/26 22:49

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -74,7 +74,29 @@
+- 上記コードを使って、`<table>` を作るサンプルを
+[https://jsfiddle.net/jun68ykt/bw6o1ajx/67/](https://jsfiddle.net/jun68ykt/bw6o1ajx/67/)
+に試作してみました。これは前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) を、今回の回答に合わせて修正したものです。
+- コードについて補足しますと、
-- 上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数で、結合した配列を作るときに、以下の2つのプロパティを追加しています。
+(1) `sortedEventsOfBothTeams(item)` が結合された配列を返す関数で、結合した配列を作るときに、以下の2つのプロパティを追加しています。
@@ -84,108 +106,96 @@
-- また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
+(2) 補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-- 実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下
-[https://jsfiddle.net/jun68ykt/bw6o1ajx/67/](https://jsfiddle.net/jun68ykt/bw6o1ajx/67/)
-に試作してみました。これは前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) を、今回の回答に合わせて修正したものです。
+※以下の追記1, 2 で上記コードの修正案を書いてます。
+---
+**追記1**
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですかね。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を結合の後で行うことにして、以下のようになりました。
+```javascript
+const sortedEventsOfBothTeams = (item) => {
+  const allEvents = item.home_team_events.concat(item.away_team_events);
+  const homeTeamEventIds = item.home_team_events.map(event => event.id);
+  return allEvents
+      .map(event => ({
+          ...event,
+          team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
-※以下の追記1, 2 で上記コードの修正案を書いてます。
+          timeValue: timeValue(event.time),
+      }))
+     .sort((e1,e2) => e1.timeValue - e2.timeValue);
+};
+```
+サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/79/](https://jsfiddle.net/jun68ykt/bw6o1ajx/79/)
 ---
-**追記1**
-上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですかね。
-[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を結合の後で行うことにして、以下のようになりました。
+**追記2**
+はじめの回答のほうのコードで使った [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) はいろいろと便利です。たとえば、回答中にある `timeValue(timeStr)`　という関数ですが、reduce() を使ってみると、以下のようにも書けます。
 ```javascript
-const sortedEventsOfBothTeams = (item) => {
+const timeValue = timeStr =>
+  timeStr.split("'").reduce((total, min) => total + Number(min), 0);
+// 以下のように ' で区切られた数値を合計します。
-  const allEvents = item.home_team_events.concat(item.away_team_events);
+console.log(timeValue("5'")); // => 5
-  const homeTeamEventIds = item.home_team_events.map(event => event.id);
-  return allEvents
-      .map(event => ({
-          ...event,
-          team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
+console.log(timeValue("77'")); // => 77
-          timeValue: timeValue(event.time),
-      }))
-     .sort((e1,e2) => e1.timeValue - e2.timeValue);
+console.log(timeValue("90'+11")); // => 101
-};
+console.log(timeValue("10'+11'-5'20'4.5'+0.01")); // => 40.51
 ```
-サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/79/](https://jsfiddle.net/jun68ykt/bw6o1ajx/79/)
----
-**追記2**
-はじめの回答のほうのコードで使った [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) はいろいろと便利です。たとえば、回答中にある `timeValue(timeStr)`　という関数ですが、reduce() を使ってみると、以下のようにも書けます。
-```javascript
-const timeValue = timeStr =>
-  timeStr.split("'").reduce((total, min) => total + Number(min), 0);
-// 以下のように ' で区切られた数値を合計します。
-console.log(timeValue("5'")); // => 5
-console.log(timeValue("77'")); // => 77
-console.log(timeValue("90'+11")); // => 101
-console.log(timeValue("10'+11'-5'20'4.5'+0.01")); // => 40.51
-```

テキスト修正

2018/08/26 22:47

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -14,7 +14,7 @@
 www-wwwさんがやりたい３つのことを踏まえて、解法の一例を以下に示します。
-（※追記1, 2 に下記コードの修正案を書きました。）
+（※**追記1, 2 に下記コードの修正案を書きました。**）

テキスト修正

2018/08/26 22:44

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -8,7 +8,7 @@
-とありましたが、以下の回答には、やりたいこと2と3も含んでいます。その点は、ややお節介の過ぎる回答になってしまっていたらすみません。
+とありましたが、以下の回答には、やりたいこと2と3も含んでいます。その点で、ややお節介の過ぎる回答になってしまっていたらすみません。

テキスト修正

2018/08/26 16:42

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -1,4 +1,14 @@
 こんにちは。
+ご質問に
+> まずはやりたいこと1を実現したく、よろしくお願いします。
+とありましたが、以下の回答には、やりたいこと2と3も含んでいます。その点は、ややお節介の過ぎる回答になってしまっていたらすみません。

テキスト修正

2018/08/26 16:41

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -106,7 +106,7 @@
 上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですかね。
-[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を後で行って以下のようになりました。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を結合の後で行うことにして、以下のようになりました。

テキスト修正

2018/08/26 16:23

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -162,9 +162,7 @@
 const timeValue = timeStr =>
-  timeStr.split("'")
-    .reduce((total, min) => total + Number(min), 0);
+  timeStr.split("'").reduce((total, min) => total + Number(min), 0);

テキスト修正

2018/08/26 16:16

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -164,7 +164,7 @@
   timeStr.split("'")
-         .reduce((total, min) => (total += Number(min)), 0);
+    .reduce((total, min) => total + Number(min), 0);

テキスト修正

2018/08/26 16:14

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -2,17 +2,9 @@
-www-wwwさんがやりたいこととしては、
+www-wwwさんがやりたい３つのことを踏まえて、解法の一例を以下に示します。
-**2つのteam_events配列を結合した後に** `2. timeを基準にソート` **でき、かつホームチームかアウェイチームかによって** `3. タグの出し分け` ** (表の中でどの列に表示すべきかの判断）が出来るように結合するには、どうしたらいいか？**
-ということと把握しました。
-上記を踏まえて、解法の一例を以下に示します。
+（※追記1, 2 に下記コードの修正案を書きました。）
@@ -72,7 +64,7 @@
-上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数で、結合した配列を作るときに、以下の2つのプロパティを追加しています。
+- 上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数で、結合した配列を作るときに、以下の2つのプロパティを追加しています。
@@ -82,27 +74,27 @@
-また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
+- また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
+- 実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下
 [https://jsfiddle.net/jun68ykt/bw6o1ajx/67/](https://jsfiddle.net/jun68ykt/bw6o1ajx/67/)
+に試作してみました。これは前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) を、今回の回答に合わせて修正したものです。
-これは、前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) に、今回の回答に合わせて適宜コードを追加、修正したものです。
-以上、参考になりましたら幸いです。
+※以下の追記1, 2 で上記コードの修正案を書いてます。
@@ -112,9 +104,9 @@
-上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくかったですね。
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですかね。
-[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。ソートと出し分け用のプロパティ追加を後で行って以下のようになりました。
@@ -156,30 +148,6 @@
-www-wwwさんのご質問の中に、
-> まずはやりたいこと1を実現したく、
-とありますが、上記のコードにおいては **やりたいこと1** は、 kakajikaさんのご回答と重複しますが、
-```javascript
-const allEvents = item.home_team_events.concat(item.away_team_events);
-```
-としている部分です。
 ---
 **追記2**

テキスト修正

2018/08/26 16:05

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -164,15 +164,7 @@
-とありまして、上記のコードにおいては、 **やりたいこと1** の
+とありますが、上記のコードにおいては **やりたいこと1** は、 kakajikaさんのご回答と重複しますが、
-> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-ことは kakajikaさんのご回答どおり、
@@ -184,27 +176,7 @@
-とする時点で完了していることになります。
-この追記では、
-`item.home_team_events.concat(item.away_team_events);` **から始めても意図した動作や表示を実現するコードにたどり着ける。**
-ことを示したかった次第です。
+としている部分です。
-（なので kakajikaさんのご回答が、www-wwwさんのご要望である、
-> まずはやりたいこと1を実現したく、
-に対して、最も過不足なく、必要十分な回答となり得るという意味において、 +1)
@@ -214,9 +186,7 @@
-はじめの回答のほうのコードで使った [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) はいろいろ便利です。たとえば、回答中にある `timeValue(timeStr)`　という関数ですが、reduce() を使うと以下のようにも書けます。
+はじめの回答のほうのコードで使った [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) はいろいろと便利です。たとえば、回答中にある `timeValue(timeStr)`　という関数ですが、reduce() を使ってみると、以下のようにも書けます。
@@ -230,10 +200,16 @@
+// 以下のように ' で区切られた数値を合計します。
 console.log(timeValue("5'")); // => 5
 console.log(timeValue("77'")); // => 77
 console.log(timeValue("90'+11")); // => 101
+console.log(timeValue("10'+11'-5'20'4.5'+0.01")); // => 40.51
-```
+```

テキスト修正

2018/08/26 05:58

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -108,7 +108,7 @@
 ---
-**追記**
+**追記1**
@@ -205,3 +205,35 @@
 に対して、最も過不足なく、必要十分な回答となり得るという意味において、 +1)
+---
+**追記2**
+はじめの回答のほうのコードで使った [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) はいろいろ便利です。たとえば、回答中にある `timeValue(timeStr)`　という関数ですが、reduce() を使うと以下のようにも書けます。
+```javascript
+const timeValue = timeStr =>
+  timeStr.split("'")
+         .reduce((total, min) => (total += Number(min)), 0);
+console.log(timeValue("5'")); // => 5
+console.log(timeValue("77'")); // => 77
+console.log(timeValue("90'+11")); // => 101
+```

テキスト修正

2018/08/26 01:43

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -204,4 +204,4 @@
-に対して、最も必要十分な回答となり得るという意味において、 +1)
+に対して、最も過不足なく、必要十分な回答となり得るという意味において、 +1)

テキスト修正

2018/08/26 00:47

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -184,9 +184,7 @@
-とする時点で完了していることになります。（なので kakajikaさんのご回答に +1)
+とする時点で完了していることになります。
 この追記では、
@@ -197,3 +195,13 @@
 ことを示したかった次第です。
+（なので kakajikaさんのご回答が、www-wwwさんのご要望である、
+> まずはやりたいこと1を実現したく、
+に対して、最も必要十分な回答となり得るという意味において、 +1)

テキスト修正

2018/08/25 22:47

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -72,19 +72,7 @@
-上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数になります。これは
-- [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) と [forEach()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、
-- さらに、[sort()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)によって **やりたいこと2**　までを完了させる
-というもので、結合した配列を作るときに、以下の2つのプロパティを追加しています。
+上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数で、結合した配列を作るときに、以下の2つのプロパティを追加しています。

テキスト修正

2018/08/25 13:56

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -124,7 +124,7 @@
-上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですね。
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくかったですね。
 [kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。

テキスト修正

2018/08/25 13:32

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -6,208 +6,196 @@
+**2つのteam_events配列を結合した後に** `2. timeを基準にソート` **でき、かつホームチームかアウェイチームかによって** `3. タグの出し分け` ** (表の中でどの列に表示すべきかの判断）が出来るように結合するには、どうしたらいいか？**
+ということと把握しました。
+上記を踏まえて、解法の一例を以下に示します。
+```javascript
+const timeValue = (timeStr) => {
+  const minutes = timeStr.split("'");
+  const value =
+    parseInt(minutes[0], 10) +
+    (minutes[1].length > 0 ? parseInt(minutes[1], 10) : 0);
+  return value;
+};
+const sortedEventsOfBothTeams = (item) => (
+  ['home_team', 'away_team']
+  　　.reduce((ary, team) => {
+  		　　item[`${team}_events`].forEach((event) => {
+    		　　　ary.push({
+      		     ...event,
+      		     team,
+      		     timeValue: timeValue(event.time),
+    		     });
+  		    });
+  		    return ary;
+		 }, [])
+     .sort((e1, e2) => e1.timeValue - e2.timeValue)
+);
+```
+上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数になります。これは
+- [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) と [forEach()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、
+- さらに、[sort()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)によって **やりたいこと2**　までを完了させる
+というもので、結合した配列を作るときに、以下の2つのプロパティを追加しています。
+1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
+2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値 (この値の昇順でソートする）
+また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
+実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
+[https://jsfiddle.net/jun68ykt/bw6o1ajx/67/](https://jsfiddle.net/jun68ykt/bw6o1ajx/67/)
+これは、前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) に、今回の回答に合わせて適宜コードを追加、修正したものです。
+以上、参考になりましたら幸いです。
+---
+**追記**
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですね。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+```javascript
+const sortedEventsOfBothTeams = (item) => {
+  const allEvents = item.home_team_events.concat(item.away_team_events);
+  const homeTeamEventIds = item.home_team_events.map(event => event.id);
+  return allEvents
+      .map(event => ({
+          ...event,
+          team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
+          timeValue: timeValue(event.time),
+      }))
+     .sort((e1,e2) => e1.timeValue - e2.timeValue);
+};
+```
+サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/79/](https://jsfiddle.net/jun68ykt/bw6o1ajx/79/)
+www-wwwさんのご質問の中に、
+> まずはやりたいこと1を実現したく、
+とありまして、上記のコードにおいては、 **やりたいこと1** の
 > 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-> 2. timeを基準にソートし、各チームeventをオブジェクト？に入れる
-> 3. 連結したオブジェクトを見てタグの出し分けをしたい
-とのことですので、ご質問の主旨としては、
+ことは kakajikaさんのご回答どおり、
-**2つのteam_events配列を結合した後に** `2. timeを基準にソート` **でき、かつホームチームかアウェイチームかによって** `3. タグの出し分け` ** (表の中でどの列に表示すべきかの判断）が出来るように結合するには、どうしたらいいか？**
-ということと把握しました。
-上記を踏まえて、解法の一例を以下に示します。
 ```javascript
-const timeValue = (timeStr) => {
-  const minutes = timeStr.split("'");
+const allEvents = item.home_team_events.concat(item.away_team_events);
-  const value =
-    parseInt(minutes[0], 10) +
-    (minutes[1].length > 0 ? parseInt(minutes[1], 10) : 0);
-  return value;
-};
-const sortedEventsOfBothTeams = (item) => (
-  ['home_team', 'away_team']
-  　　.reduce((ary, team) => {
-  		　　item[`${team}_events`].forEach((event) => {
-    		　　　ary.push({
-      		     ...event,
-      		     team,
-      		     timeValue: timeValue(event.time),
-    		     });
-  		    });
-  		    return ary;
-		 }, [])
-     .sort((e1, e2) => e1.timeValue - e2.timeValue)
-);
 ```
-上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数になります。これは
-- [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) と [forEach()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、
-- さらに、[sort()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)によって **やりたいこと2**　までを完了させる
-というもので、結合した配列を作るときに、以下の2つのプロパティを追加しています。
-1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
-2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値 (この値の昇順でソートする）
-また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
-[https://jsfiddle.net/jun68ykt/bw6o1ajx/67/](https://jsfiddle.net/jun68ykt/bw6o1ajx/67/)
-これは、前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) に、今回の回答に合わせて適宜コードを追加、修正したものです。
-以上、参考になりましたら幸いです。
----
-**追記**
-上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですね。
-[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
-```javascript
-const sortedEventsOfBothTeams = (item) => {
-  const allEvents = item.home_team_events.concat(item.away_team_events);
-  const homeTeamEventIds = item.home_team_events.map(event => event.id);
-  return allEvents
-      .map(event => ({
-          ...event,
-          team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
-          timeValue: timeValue(event.time),
-      }))
-     .sort((e1,e2) => e1.timeValue - e2.timeValue);
-};
-```
-サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/79/](https://jsfiddle.net/jun68ykt/bw6o1ajx/79/)
-www-wwwさんのご質問の中に、
-> まずはやりたいこと1を実現したく、
-とありまして、上記のコードにおいては、 **やりたいこと1** の
-> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-ことは kakajikaさんのご回答どおり、
-```javascript
-const allEvents = item.home_team_events.concat(item.away_team_events);
-```
 とする時点で完了していることになります。（なので kakajikaさんのご回答に +1)

テキスト修正

2018/08/25 13:07

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -216,7 +216,7 @@
-`item.home_team_events.concat(item.away_team_events);` **から始めても意図した動作をするコードにたどり着ける。**
+`item.home_team_events.concat(item.away_team_events);` **から始めても意図した動作や表示を実現するコードにたどり着ける。**

テキスト修正

2018/08/25 12:53

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -136,7 +136,9 @@
-[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+上記のコードでは、 `reduce` の中に `forEach`があって、ちょっと読みにくいですね。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けそうです。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。

テキスト修正

2018/08/25 12:51

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -200,7 +200,7 @@
 ```javascript
-item.home_team_events.concat(item.away_team_events);
+const allEvents = item.home_team_events.concat(item.away_team_events);
 ```

テキスト修正

2018/08/25 12:29

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -136,7 +136,7 @@
-kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+[kakajikaさんのご回答](https://teratail.com/questions/142691#reply-215670)にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。

テキスト修正

2018/08/25 12:24

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -178,7 +178,7 @@
-www-wwwさんのご質問に
+www-wwwさんのご質問の中に、
@@ -186,16 +186,36 @@
+とありまして、上記のコードにおいては、 **やりたいこと1** の
+> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-とありますが、上記のコードでは２つの配列を結合することは kakajikaさんのご回答どおり、
+ことは kakajikaさんのご回答どおり、
 ```javascript
-const allEvents = item.home_team_events.concat(item.away_team_events);
+item.home_team_events.concat(item.away_team_events);
 ```
 とする時点で完了していることになります。（なので kakajikaさんのご回答に +1)
+この追記では、
+`item.home_team_events.concat(item.away_team_events);` **から始めても意図した動作をするコードにたどり着ける。**
+ことを示したかった次第です。

テキスト修正

2018/08/25 12:20

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -178,7 +178,7 @@
-ご質問には
+www-wwwさんのご質問に
@@ -186,21 +186,13 @@
-とあり、
-> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-ことは kakajikaさんのご回答どおり、
+とありますが、上記のコードでは２つの配列を結合することは kakajikaさんのご回答どおり、
 ```javascript
-item.home_team_events.concat(item.away_team_events);
+const allEvents = item.home_team_events.concat(item.away_team_events);
 ```

テキスト修正

2018/08/25 12:13

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -186,7 +186,7 @@
-とありますが、上記の場合
+とあり、
@@ -194,16 +194,16 @@
-は、kakajikaさんのご回答どおり、
+ことは kakajikaさんのご回答どおり、
 ```javascript
-const allEvents = item.home_team_events.concat(item.away_team_events);
+item.home_team_events.concat(item.away_team_events);
 ```
-で完了していることになります。（なので kakajikaさんのご回答に +1)
+とする時点で完了していることになります。（なので kakajikaさんのご回答に +1)

テキスト修正

2018/08/25 11:44

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -178,7 +178,15 @@
-上記の場合、 ご質問にある
+ご質問には
+> まずはやりたいこと1を実現したく、
+とありますが、上記の場合
@@ -198,4 +206,4 @@
-で完了していることになります。（なので、kakajikaさんのご回答に+1)
+で完了していることになります。（なので kakajikaさんのご回答に +1)

テキスト修正

2018/08/25 11:26

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -198,4 +198,4 @@
-で完了していることになります。
+で完了していることになります。（なので、kakajikaさんのご回答に+1)

テキスト修正

2018/08/25 11:18

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -186,7 +186,7 @@
-は、
+は、kakajikaさんのご回答どおり、

テキスト修正

2018/08/25 11:06

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -136,7 +136,7 @@
-kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのも良いです。むしろ、こちらのほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは単に結合した配列を作るところから始めるほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
@@ -156,17 +156,17 @@
   return allEvents
-  	.map(event => ({
+      .map(event => ({
-      ...event,
+          ...event,
-      team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
+          team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
-      timeValue: timeValue(event.time),
+          timeValue: timeValue(event.time),
-    }))
+      }))
-   .sort((e1,e2) => e1.timeValue - e2.timeValue);
+     .sort((e1,e2) => e1.timeValue - e2.timeValue);
 };

テキスト修正

2018/08/25 10:53

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -150,7 +150,7 @@
-  const homeTeamEventIds = new Set(item.home_team_events.map(event => event.id));
+  const homeTeamEventIds = item.home_team_events.map(event => event.id);
@@ -158,15 +158,15 @@
   	.map(event => ({
-           ...event,
+      ...event,
-           team: homeTeamEventIds.has(event.id) ? 'home_team' : 'away_team',
+      team: homeTeamEventIds.includes(event.id) ? 'home_team' : 'away_team',
-           timeValue: timeValue(event.time),
+      timeValue: timeValue(event.time),
-        }))
+    }))
-      .sort((e1,e2) => e1.timeValue - e2.timeValue);
+   .sort((e1,e2) => e1.timeValue - e2.timeValue);
 };
@@ -174,7 +174,7 @@
-サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/77/](https://jsfiddle.net/jun68ykt/bw6o1ajx/77/)
+サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/79/](https://jsfiddle.net/jun68ykt/bw6o1ajx/79/)

テキスト修正

2018/08/25 10:51

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -136,7 +136,7 @@
-kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのも良いです。その場合は、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのも良いです。むしろ、こちらのほうがすっきり書けるかもしれません。こちらでは、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
@@ -198,4 +198,4 @@
-だけで完了していることになります。
+で完了していることになります。

テキスト修正

2018/08/25 10:48

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -136,7 +136,7 @@
-kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのもアリですね。その場合は、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのも良いです。その場合は、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
@@ -158,15 +158,15 @@
   	.map(event => ({
-      ...event,
+           ...event,
-      team: homeTeamEventIds.has(event.id) ? 'home_team' : 'away_team',
+           team: homeTeamEventIds.has(event.id) ? 'home_team' : 'away_team',
-      timeValue: timeValue(event.time),
+           timeValue: timeValue(event.time),
-    }))
+        }))
-   .sort((e1,e2) => e1.timeValue - e2.timeValue);
+      .sort((e1,e2) => e1.timeValue - e2.timeValue);
 };
@@ -175,3 +175,27 @@
 サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/77/](https://jsfiddle.net/jun68ykt/bw6o1ajx/77/)
+上記の場合、 ご質問にある
+> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
+は、
+```javascript
+const allEvents = item.home_team_events.concat(item.away_team_events);
+```
+だけで完了していることになります。

テキスト修正

2018/08/25 10:44

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -110,10 +110,6 @@
 実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
@@ -129,3 +125,53 @@
 以上、参考になりましたら幸いです。
+---
+**追記**
+kakajikaさんのご回答にある、[concat](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)を使って、まずは結合した配列を作るところから始めるというのもアリですね。その場合は、ソートと出し分け用のプロパティ追加を後で行うことになり、たとえば以下のようになるでしょう。
+```javascript
+const sortedEventsOfBothTeams = (item) => {
+  const allEvents = item.home_team_events.concat(item.away_team_events);
+  const homeTeamEventIds = new Set(item.home_team_events.map(event => event.id));
+  return allEvents
+  	.map(event => ({
+      ...event,
+      team: homeTeamEventIds.has(event.id) ? 'home_team' : 'away_team',
+      timeValue: timeValue(event.time),
+    }))
+   .sort((e1,e2) => e1.timeValue - e2.timeValue);
+};
+```
+サンプル： [https://jsfiddle.net/jun68ykt/bw6o1ajx/77/](https://jsfiddle.net/jun68ykt/bw6o1ajx/77/)

テキスト修正

2018/08/25 10:34

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -96,15 +96,9 @@
-というものです。詳細なところを補足しますと、以下の２点です。
+というもので、結合した配列を作るときに、以下の2つのプロパティを追加しています。
-- 関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-- 結合した配列を作るときに、以下の2つのプロパティを追加
 1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
@@ -112,13 +106,15 @@
+また、補助的な関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-上記のコードを使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
+実装例として、上記の関数を使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。

テキスト修正

2018/08/25 09:22

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -2,9 +2,29 @@
-結合した後に `2. timeを基準にソート` でき、かつホームチームかアウェイチームかによって、`3. タグの出し分け` が出来るように 2つのteam_events配列を結合する必要があります。
+www-wwwさんがやりたいこととしては、
+> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
+> 2. timeを基準にソートし、各チームeventをオブジェクト？に入れる
+> 3. 連結したオブジェクトを見てタグの出し分けをしたい
+とのことですので、ご質問の主旨としては、
+**2つのteam_events配列を結合した後に** `2. timeを基準にソート` **でき、かつホームチームかアウェイチームかによって** `3. タグの出し分け` ** (表の中でどの列に表示すべきかの判断）が出来るように結合するには、どうしたらいいか？**
+ということと把握しました。
-その点を踏まえて、解法の一例を以下に示します。
+上記を踏まえて、解法の一例を以下に示します。
@@ -64,7 +84,41 @@
-上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、両チームのイベントを `<table>` として時系列に render するコードを以下に作成しました。
+上記の `sortedEventsOfBothTeams(item)` が結合された配列を返す関数になります。これは
+- [reduce()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce) と [forEach()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、
+- さらに、[sort()](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)によって **やりたいこと2**　までを完了させる
+というものです。詳細なところを補足しますと、以下の２点です。
+- 関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
+- 結合した配列を作るときに、以下の2つのプロパティを追加
+1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
+2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値 (この値の昇順でソートする）
+上記のコードを使ったサンプルとして、両チームのイベントを `<table>` として時系列に表示するコードを以下に試作してみました。
@@ -72,27 +126,7 @@
-（※上記は、前回のご質問の回答で作成した、[https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) に、適宜コードを追加、修正したものです。）
+これは、前回のご質問の回答で作成した [https://jsfiddle.net/jun68ykt/bw6o1ajx/7/](https://jsfiddle.net/jun68ykt/bw6o1ajx/7/) に、今回の回答に合わせて適宜コードを追加、修正したものです。
-上記のコードに補足説明しますと、
-- 関数`timeValue()` はレスポンスで返される発生時間の文字列、たとえば `"55'"` を、 数値の`55`に変換する関数です。アディショナルタイムに入ってからの表記 `"90'+3"` も数値の `93` に変換されるように作成しています。
-- 結合した配列を作るときに、以下の2つのプロパティを追加しています。
-1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
-2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値 (この値の昇順でソートする）

テキスト修正

2018/08/25 09:19

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -2,23 +2,9 @@
-ご質問に
+結合した後に `2. timeを基準にソート` でき、かつホームチームかアウェイチームかによって、`3. タグの出し分け` が出来るように 2つのteam_events配列を結合する必要があります。
-> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
-> 2. timeを基準にソートし、各チームeventをオブジェクト？に入れる
-> 3. 連結したオブジェクトを見てタグの出し分けをしたい
-とありますので、結合した後に、`timeを基準にソート` でき、かつ ホームチームかアウェイチームかによって、`タグの出し分け` が出来るように 2つのteam_eventsを結合する必要がありそうです。
-上記を踏まえて、解法の一例を以下に示します。
+その点を踏まえて、解法の一例を以下に示します。
@@ -78,7 +64,7 @@
-上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。
+上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、両チームのイベントを `<table>` として時系列に render するコードを以下に作成しました。

テキスト修正

2018/08/25 06:05

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -15,16 +15,6 @@
 とありますので、結合した後に、`timeを基準にソート` でき、かつ ホームチームかアウェイチームかによって、`タグの出し分け` が出来るように 2つのteam_eventsを結合する必要がありそうです。
-つまり、
-> まずはやりたいこと1を実現したく、
-とのことですが、**やりたいこと1** の配列の結合は、**やりたいこと2** と **3** が出来るよう行う必要があり、逆にいえば、**やりたいこと1**　がうまく出来てしまえば、あとは、**やりたいこと2** と **3** はあまり考えずにやれる作業かなと思います。

テキスト修正

2018/08/25 06:01

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -88,7 +88,7 @@
-上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能すにするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。
+上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能にするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。

テキスト修正

2018/08/25 05:45

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -24,7 +24,7 @@
-とのことですが、**やりたいこと1** は、**やりたいこと2** と **3** が出来るように結合する必要があり、逆にいえば、**やりたいこと1**　が出来てしまえば、**やりたいこと2** と **3** はあまり考えずにやれる作業かなと思います、
+とのことですが、**やりたいこと1** の配列の結合は、**やりたいこと2** と **3** が出来るよう行う必要があり、逆にいえば、**やりたいこと1**　がうまく出来てしまえば、あとは、**やりたいこと2** と **3** はあまり考えずにやれる作業かなと思います。

テキスト修正

2018/08/25 05:43

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -15,6 +15,16 @@
 とありますので、結合した後に、`timeを基準にソート` でき、かつ ホームチームかアウェイチームかによって、`タグの出し分け` が出来るように 2つのteam_eventsを結合する必要がありそうです。
+つまり、
+> まずはやりたいこと1を実現したく、
+とのことですが、**やりたいこと1** は、**やりたいこと2** と **3** が出来るように結合する必要があり、逆にいえば、**やりたいこと1**　が出来てしまえば、**やりたいこと2** と **3** はあまり考えずにやれる作業かなと思います、
@@ -78,7 +88,7 @@
-上記を使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。
+上記の `sortedEventsOfBothTeams(item)` は、 `reduce` と `forEach`を使って (**やりたいこと2** と **3** を可能すにするように、)  **やりたいこと1** を行い、続けて`sort`によって **やりたいこと2**　までを完了させつつ、**やりたいこと3** で使うプロパティも追加する関数です。これを使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。
@@ -91,10 +101,6 @@
 上記のコードに補足説明しますと、
-- 二つの配列から一つの配列を作るために `reduce`と `forEach`を使い、ソートには `sort`を使っています。

テキスト修正

2018/08/25 05:41

投稿

jun68ykt

スコア9058

test CHANGED Viewed

@@ -2,25 +2,19 @@
-ご質問にある要件を整理すると、以下のようにまとめられるかなと思いました。
+ご質問に
-- 以下の2点を満たす、`home_team_events` と `away_team_events` とを結合した配列を作りたい。
+> 1. home_team_eventsとaway_team_eventsを取得し、2つのteam_eventを結合する
+> 2. timeを基準にソートし、各チームeventをオブジェクト？に入れる
+> 3. 連結したオブジェクトを見てタグの出し分けをしたい
- 1.  配列要素である各イベントの発生時刻（試合開始からの経過時間）の早い順でソートされている。
- 2.  配列要素である各イベントには、その発生元がホームチームのなのかアウェイチームなのかが判別できるプロパティを持つ。
+とありますので、結合した後に、`timeを基準にソート` でき、かつ ホームチームかアウェイチームかによって、`タグの出し分け` が出来るように 2つのteam_eventsを結合する必要がありそうです。
@@ -84,7 +78,7 @@
-上記を使って、イベントを時系列に `<table>` として render するコードを以下に作成しました。
+上記を使ったサンプルとして、イベントを `<table>` として render するコードを以下に作成しました。
@@ -96,7 +90,11 @@
-上記のコードに補足説明すると、
+上記のコードに補足説明しますと、
+- 二つの配列から一つの配列を作るために `reduce`と `forEach`を使い、ソートには `sort`を使っています。
@@ -106,13 +104,13 @@
 - 結合した配列を作るときに、以下の2つのプロパティを追加しています。
-1. team --- 文字列`"home_team"` または `"away_team"`
+1. team --- 文字列`"home_team"` または `"away_team"` （後で `タグの出し分け` のために使う）
-2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値
+2. timeValue --- `time`の文字列を `timeValue()`で数値に変換した値 (この値の昇順でソートする）
-- 二つの配列から一つの配列を作るために `reduce`と `forEach`を使い、ソートには `sort`を使っています。