トップ JavaScriptに関する質問 JavaScript 配列重複した列を足して返したい

編集履歴

回答編集履歴

テキスト追加

2020/03/29 01:01

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -8,7 +8,7 @@
 **1.**説明の便宜上、`data` の要素である配列(例： `["a","b",10]` )について、
 　・末尾の要素を除いた配列(例: `["a", "b"]` )を、**キー配列**と呼ぶ。
-　・末尾の要素の数値(例: `10`) のことを、単に **数値** と呼ぶ。
+　・末尾の要素(例: `10`) のことを、単に **数値** と呼ぶ。
 **2.**所与の `data` から、まず以下の２点を作成
 　(ⅰ)`totals`：各キー配列別の数値の合計が格納されたオブジェクト

テキスト追加

2020/03/29 01:01

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,4 +1,9 @@
 すでにベストアンサーが決まった後に失礼します。
+### 考え方
 この回答では、考え方として以下の**1.**〜 **4. **の考え方によるアプローチを採ります。
 **1.**説明の便宜上、`data` の要素である配列(例： `["a","b",10]` )について、
@@ -18,8 +23,8 @@
 **4.**オブジェクト `totals` と `keys` から、結果として望ましい形式の配列 `result` を得る。
+### コード例
 以下は、上記の考え方によるコードです。配列やオブジェクトの操作で便利なライブラリ [lodash](https://lodash.com/) を使用しています。
 ```javascript

テキスト追加

2020/03/28 23:43

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,13 +1,25 @@
 すでにベストアンサーが決まった後に失礼します。
-この回答では、考え方として以下の1.〜 4. の考え方によるアプローチを採ります。
+この回答では、考え方として以下の**1.**〜 **4. **の考え方によるアプローチを採ります。
+**1.**説明の便宜上、`data` の要素である配列(例： `["a","b",10]` )について、
-1. 説明の便宜上、`data` の要素である配列から、末尾の要素を除いた配列(例： `["a", "b"]`)を、**キー配列**と呼ぶ。
+　・末尾の要素を除いた配列(例: `["a", "b"]` )を、**キー配列**と呼ぶ。
-2. 所与の `data` から、まず以下の２点を作成
-(ⅰ)`totals`：合計値の情報が格納されたオブジェクト
-(ⅱ)`keys` ： `data` の要素に出現するキー配列を、出現順に、かつ、**重複なく**含む配列
+　・末尾の要素の数値(例: `10`) のことを、単に **数値** と呼ぶ。
-3. 上記2.(ⅰ)のオブジェクト `totals` には、キー配列が例えば `["a", "b"]` である`data`要素の末尾の数の合計（ご質問にあるサンプルだと **30**)が  `totals.a.b`  に格納されるようにする。
-4. オブジェクト `totals` と `keys` から、結果として望ましい形式の配列 `result` を得る。
+**2.**所与の `data` から、まず以下の２点を作成
+　(ⅰ)`totals`：各キー配列別の数値の合計が格納されたオブジェクト
+　(ⅱ)`keys` ： `data` の要素に出現するキー配列を、出現順に、かつ、**重複なく**含む配列
+**3.**上記2.(ⅰ)のオブジェクト `totals` には、キー配列が例えば `["a", "b"]` である数値の合計（ご質問にあるサンプルだと **30**)が  `totals.a.b`  に格納されるようにする。
+・従って、ご質問の例だと、 `totals` は以下のようなオブジェクトになる。
+```javascript
+// totals の例
+{ a: { b: 30, c: 70, d: 50 } }
+```
+**4.**オブジェクト `totals` と `keys` から、結果として望ましい形式の配列 `result` を得る。
 以下は、上記の考え方によるコードです。配列やオブジェクトの操作で便利なライブラリ [lodash](https://lodash.com/) を使用しています。
 ```javascript

テキスト追加

2020/03/28 23:40

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,12 +1,14 @@
 すでにベストアンサーが決まった後に失礼します。
-この回答では、考え方として以下のアプローチを採ります。
+この回答では、考え方として以下の1.〜 4. の考え方によるアプローチを採ります。
+1. 説明の便宜上、`data` の要素である配列から、末尾の要素を除いた配列(例： `["a", "b"]`)を、**キー配列**と呼ぶ。
+2. 所与の `data` から、まず以下の２点を作成
-- 所与の `data` から、まず合計値の情報が格納されたオブジェクト `totals`を作る。
+(ⅰ)`totals`：合計値の情報が格納されたオブジェクト
+(ⅱ)`keys` ： `data` の要素に出現するキー配列を、出現順に、かつ、**重複なく**含む配列
-- オブジェクト `totals` には、末尾を除く要素がたとえば `["a", "b"]` である配列の末尾の数の合計（ご質問にあるサンプルだと **30**)が  `totals.a.b`  に格納されるようにする。
+3. 上記2.(ⅰ)のオブジェクト `totals` には、キー配列が例えば `["a", "b"]` である`data`要素の末尾の数の合計（ご質問にあるサンプルだと **30**)が  `totals.a.b`  に格納されるようにする。
-- 上記を実現するために、[lodash](https://lodash.com/) を使用
-- オブジェクト `totals` から、結果として望ましい形式の配列 `result` を得る。
+4. オブジェクト `totals` と `keys` から、結果として望ましい形式の配列 `result` を得る。
-以下は、上記の考え方によるコードです。
+以下は、上記の考え方によるコードです。配列やオブジェクトの操作で便利なライブラリ [lodash](https://lodash.com/) を使用しています。
 ```javascript
@@ -26,7 +28,7 @@
 ```
 上記のコードで使っている lodash のメソッドは以下です。
-- `totals`を作る際のキーに対する値の取得、設定および存在確認：  [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has)
+- `totals`のキー配列に対する値の取得、設定および存在確認：  [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has)
 - 配列から最後の要素を取得：  [_.last](https://lodash.com/docs/#last)
 - 配列から最後の要素を除いた配列の取得：  [_.initial](https://lodash.com/docs/#initial)

テキスト追加

2020/03/28 22:53

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,12 +1,13 @@
 すでにベストアンサーが決まった後に失礼します。
-この回答では、考え方として
+この回答では、考え方として以下のアプローチを採ります。
+- 所与の `data` から、まず合計値の情報が格納されたオブジェクト `totals`を作る。
-- 末尾を除く要素がたとえば、`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得る。
+- オブジェクト `totals` には、末尾を除く要素がたとえば `["a", "b"]` である配列の末尾の数の合計（ご質問にあるサンプルだと **30**)が  `totals.a.b`  に格納されるようにする。
+- 上記を実現するために、[lodash](https://lodash.com/) を使用
+- オブジェクト `totals` から、結果として望ましい形式の配列 `result` を得る。
-という手順を踏みます。また、上記を実現するために、[lodash](https://lodash.com/) を使います。
+以下は、上記の考え方によるコードです。
-以下は、上記の考え方によるコードです。
 ```javascript
 const [totals, keys] = data.reduce(([obj, keys], ary) => {

テキスト追加

2020/03/28 22:31

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -26,7 +26,7 @@
 上記のコードで使っている lodash のメソッドは以下です。
 - `totals`を作る際のキーに対する値の取得、設定および存在確認：  [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has)
-- 配列の最後の要素の取得：  [_.last](https://lodash.com/docs/#last)
+- 配列から最後の要素を取得：  [_.last](https://lodash.com/docs/#last)
 - 配列から最後の要素を除いた配列の取得：  [_.initial](https://lodash.com/docs/#initial)

テキスト追加

2020/03/28 02:44

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -3,12 +3,9 @@
 - 末尾を除く要素がたとえば、`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得る。
-という手順を踏みます。
+という手順を踏みます。また、上記を実現するために、[lodash](https://lodash.com/) を使います。
-[lodash](https://lodash.com/) を使うコードを回答します。
-具体的には、
 以下は、上記の考え方によるコードです。
 ```javascript

テキスト追加

2020/03/28 02:11

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,15 +1,14 @@
 すでにベストアンサーが決まった後に失礼します。
+この回答では、考え方として
-[lodash](https://lodash.com/) を使うコードを回答します。具体的には、以下のような手順で結果を得ます。
+- 末尾を除く要素がたとえば、`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得る。
-- 末尾を除く要素がたとえば、`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得ます。
-- 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
-- また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
-- 最後の要素を除いた配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。
+という手順を踏みます。
+[lodash](https://lodash.com/) を使うコードを回答します。
+具体的には、
 以下は、上記の考え方によるコードです。
 ```javascript
@@ -26,10 +25,23 @@
 }, [{}, []]);
 const result = keys.map(k => [...k, _.get(totals, k)]);
+```
+上記のコードで使っている lodash のメソッドは以下です。
+- `totals`を作る際のキーに対する値の取得、設定および存在確認：  [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has)
+- 配列の最後の要素の取得：  [_.last](https://lodash.com/docs/#last)
+- 配列から最後の要素を除いた配列の取得：  [_.initial](https://lodash.com/docs/#initial)
-```
 以下は、上記のコードを動作確認するためのサンプルです。動作確認のため、`data`に要素を追加しています。
-- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012](https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012)
+- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012](https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012)
+以上、参考になれば幸いです。

テキスト追加

2020/03/28 02:10

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,7 +2,7 @@
 [lodash](https://lodash.com/) を使うコードを回答します。具体的には、以下のような手順で結果を得ます。
-- たとえば、先頭要素が`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得ます。
+- 末尾を除く要素がたとえば、`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得ます。
 - 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
 - また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
 - 最後の要素を除いた配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。

テキスト追加

2020/03/28 01:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,96 +1,16 @@
 すでにベストアンサーが決まった後に失礼します。
+[lodash](https://lodash.com/) を使うコードを回答します。具体的には、以下のような手順で結果を得ます。
-[lodash](https://lodash.com/) を使うコードを回答します。使うのは、 [_.groupBy](https://lodash.com/docs/#groupBy) と [_.mapValues](https://lodash.com/docs/#mapValues) です。
-### 1．グループ化したオブジェクトを得る
-`data` の要素である配列を、合計する配列ごとにグループ化したオブジェクトを作ります。オブジェクトのキーとなる文字列としてJSONを採用することにして、キーを得る関数 `key` を以下のように作っておきます。
-```javascript
-const key = ary => JSON.stringify(ary.slice(0, 2));
-```
-たとえば、`key(["a", "b", 10])` は、配列 **["a", "b"]** をJSONにした、`["a","b"]`という文字列を返します。
-上記の `key` を使って、グループ化したオブジェクトは以下によって得られます。
-```javascript
-const objGroups = _.groupBy(data, key);
-```
-得られる`objGroups` の内容は、以下のようなものになります。
-```
-{
-  '["a","b"]': [["a", "b", 10], ["a", "b", 20]],
-  '["a","c"]': [["a", "c", 30], ["a", "c", 40]],
-  '["a","d"]': [["a", "c", 50]],
-}
-```
-### 2. 各グループごとの合計を計算する
-上記の 1. で得られたオブジェクト `objGroups` から、各キーごとにグループ化された配列の第3要素の合計が値となるようなオブジェクト `objTotals` を作ります。
-合計を計算する補助的な関数を以下のように作っておきます。
-```javascript
-const totalize = data => data.reduce((total, ary) => total + ary[2], 0);
-```
-上記の `totalize` を、 [_.mapValues](https://lodash.com/docs/#mapValues) の第2引数に使うことで、以下によって `objTotals` が得られます。
-```javascript
-const objTotals = _.mapValues(objGroups, totalize);
-```
-得られる`objTotals` の内容は、以下のようなものになります。
-```
-{
-  '["a","b"]': 30,
-  '["a","c"]': 70,
-  '["a","d"]': 50
-}
-```
-### 3. 結果として望ましい形の配列を得る
-上記 2. で得られた `objTotals` を、最終的に得たい形の配列にします。その際に、キーをJSONから配列に戻すのと、オブジェクトを経由しているので、ソートして結果を得るようにします。
-まず、ソートで使う比較関数を以下のように用意しておきます。
-```javascript
-const compare = (a, b) => a[0].localeCompare(b[0]) || a[1].localeCompare(b[1]);
-```
-上記の `compare` 使って、最終的に得たい配列 `result` は、以下によって得られます。
-```javascript
-const result = Object.entries(objTotals)
-                     .map(([key, total]) => [...JSON.parse(key), total])
-                     .sort(compare);
-```
-```
-[ ["a","b",30], ["a","c",70], ["a","d",50] ]
-```
-- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/QWbzGbd?editors=0012](https://codepen.io/jun68ykt/pen/QWbzGbd?editors=0012)
-参考になれば幸いです。
-### 別解
-同じく lodash を使った例です。
-こちらは、
-- 先頭要素が`["a", "b"]` である配列の末尾の数の合計値 30 が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
+- たとえば、先頭要素が`["a", "b"]` である配列の末尾の数の合計値（ご質問にあるサンプルだと **30**)が、 `totals.a.b` に格納されているようなオブジェクト`totals`を作り、そこから結果の配列を得ます。
 - 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
 - また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
 - 最後の要素を除いた配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。
+以下は、上記の考え方によるコードです。
 ```javascript
 const [totals, keys] = data.reduce(([obj, keys], ary) => {
@@ -99,8 +19,8 @@
     _.set(obj, k, _.get(obj, k) + v);
   }
   else {
+    _.set(obj, k, v);
     keys.push(k);
-    _.set(obj, k, v);
   }
   return [obj, keys];
 }, [{}, []]);
@@ -110,4 +30,6 @@
 ```
+以下は、上記のコードを動作確認するためのサンプルです。動作確認のため、`data`に要素を追加しています。
 - **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012](https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012)

テキスト追加

2020/03/28 01:52

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -5,10 +5,10 @@
 ### 1．グループ化したオブジェクトを得る
-`data` の要素である配列を、合計するものごとにグループ化したオブジェクトを作ります。まず、このオブジェクトのキーとなる文字列を作る関数を以下のように作っておきます。
+`data` の要素である配列を、合計する配列ごとにグループ化したオブジェクトを作ります。オブジェクトのキーとなる文字列としてJSONを採用することにして、キーを得る関数 `key` を以下のように作っておきます。
 ```javascript
-const key = (ary) => JSON.stringify(ary.slice(0, 2));
+const key = ary => JSON.stringify(ary.slice(0, 2));
 ```
 たとえば、`key(["a", "b", 10])` は、配列 **["a", "b"]** をJSONにした、`["a","b"]`という文字列を返します。

テキスト追加

2020/03/28 01:17

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -86,7 +86,7 @@
 同じく lodash を使った例です。
 こちらは、
-- `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
+- 先頭要素が`["a", "b"]` である配列の末尾の数の合計値 30 が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
 - 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
 - また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
 - 最後の要素を除いた配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。

テキスト追加

2020/03/28 01:03

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -89,7 +89,7 @@
 - `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
 - 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
 - また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
-- 最後の要素を除く配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。
+- 最後の要素を除いた配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。
 ```javascript

テキスト追加

2020/03/28 01:00

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -105,7 +105,7 @@
   return [obj, keys];
 }, [{}, []]);
-const result = keys.map(key => [...k, _.get(totals, k)]);
+const result = keys.map(k => [...k, _.get(totals, k)]);
 ```

テキスト追加

2020/03/28 00:59

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -84,7 +84,12 @@
 ### 別解
-同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。また、配列の最後の要素の取得には、[_.last](https://lodash.com/docs/#last)、最後の要素を除く配列を得るために、[_.initial](https://lodash.com/docs/#initial) を使います。
+同じく lodash を使った例です。
+こちらは、
+- `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
+- 上記の `totals`を作るために、 [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使います。
+- また、配列の最後の要素の取得に [_.last](https://lodash.com/docs/#last) を、
+- 最後の要素を除く配列を得るために [_.initial](https://lodash.com/docs/#initial) を使います。
 ```javascript
@@ -100,7 +105,7 @@
   return [obj, keys];
 }, [{}, []]);
-const result = keys.map(key => [...key, _.get(totals, key)]);
+const result = keys.map(key => [...k, _.get(totals, k)]);
 ```

テキスト追加

2020/03/28 00:58

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -88,7 +88,7 @@
 ```javascript
-const [obj, keys] = data.reduce(([obj, keys], ary) => {
+const [totals, keys] = data.reduce(([obj, keys], ary) => {
   const [k, v] = [_.initial(ary), _.last(ary)];
   if (_.has(obj, k)) {
     _.set(obj, k, _.get(obj, k) + v);
@@ -100,8 +100,9 @@
   return [obj, keys];
 }, [{}, []]);
-const result = keys.map(key => [...key, _.get(obj, key)]);
+const result = keys.map(key => [...key, _.get(totals, key)]);
 ```
 - **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012](https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012)

テキスト追加

2020/03/28 00:49

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -84,12 +84,12 @@
 ### 別解
-同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
+同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。また、配列の最後の要素の取得には、[_.last](https://lodash.com/docs/#last)、最後の要素を除く配列を得るために、[_.initial](https://lodash.com/docs/#initial) を使います。
 ```javascript
 const [obj, keys] = data.reduce(([obj, keys], ary) => {
-  const [k, v] = [ary.slice(0, ary.length-1), ary[ary.length-1]];
+  const [k, v] = [_.initial(ary), _.last(ary)];
   if (_.has(obj, k)) {
     _.set(obj, k, _.get(obj, k) + v);
   }

テキスト追加

2020/03/28 00:47

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -84,7 +84,7 @@
 ### 別解
-同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が、 `obj.a.b` で得られるようなオブジェクト `obj`を作り、そこから結果の配列を得ます。
+同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が `totals.a.b` で得られるようなオブジェクト `totals`を作り、そこから結果の配列を得ます。
 ```javascript

テキスト追加

2020/03/28 00:38

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -89,8 +89,7 @@
 ```javascript
 const [obj, keys] = data.reduce(([obj, keys], ary) => {
-  const k = ary.slice(0, ary.length-1),
+  const [k, v] = [ary.slice(0, ary.length-1), ary[ary.length-1]];
-        v = ary[ary.length-1];
   if (_.has(obj, k)) {
     _.set(obj, k, _.get(obj, k) + v);
   }

テキスト追加

2020/03/28 00:26

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -84,38 +84,25 @@
 ### 別解
-JavaScript標準のMapではなく、[immutable-js](https://immutable-js.github.io/immutable-js/) の [Map](https://immutable-js.github.io/immutable-js/docs/#/Map) を使います。
+同じく lodash を使った例です。こちらは [_.get](https://lodash.com/docs/#get), [_.set](https://lodash.com/docs/#set), [_.has](https://lodash.com/docs/#has) を使って、 `["a", "b"]` の合計値が、 `obj.a.b` で得られるようなオブジェクト `obj`を作り、そこから結果の配列を得ます。
 ```javascript
-const { Map } = Immutable;
-const data = [
-   ["a","b",10], ["x", "y", "z", 100], ["a","c",30],
-   ["a","b",20], ["a","c",40], ["x", "y", "z", 200],
-   ["a","d",50]
-];
-const [map, keys] = data.reduce(([m, keys], ary) => {
+const [obj, keys] = data.reduce(([obj, keys], ary) => {
   const k = ary.slice(0, ary.length-1),
         v = ary[ary.length-1];
-  if (m.hasIn(k)) {
+  if (_.has(obj, k)) {
-    m = m.setIn(k, m.getIn(k) + v);
+    _.set(obj, k, _.get(obj, k) + v);
   }
   else {
     keys.push(k);
-    m = m.setIn(k, v);
+    _.set(obj, k, v);
   }
-  return [m, keys];
+  return [obj, keys];
-}, [Map(), []]);
+}, [{}, []]);
-const result = keys.map(key => [...key, map.getIn(key)]);
+const result = keys.map(key => [...key, _.get(obj, key)]);
 ```
-上記によって`result`には、以下が得られます。
-```
-[ ["a","b",30], ["x", "y", "z", 300], ["a","c",70], ["a","d",50] ]
-```
-- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/wvaRdPg?editors=0012](https://codepen.io/jun68ykt/pen/wvaRdPg?editors=0012)
+- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012](https://codepen.io/jun68ykt/pen/LYVMyMP?editors=0012)

テキスト追加

2020/03/27 20:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -96,45 +96,26 @@
    ["a","d",50]
 ];
-const obj = data.reduce((m, ary) => {
+const [map, keys] = data.reduce(([m, keys], ary) => {
-  const key = ary.slice(0, ary.length-1);
+  const k = ary.slice(0, ary.length-1),
-  const value = ary[ary.length-1];
+        v = ary[ary.length-1];
+  if (m.hasIn(k)) {
-  return m.setIn(key, (m.getIn(key) || 0) + value);
+    m = m.setIn(k, m.getIn(k) + v);
+  }
+  else {
+    keys.push(k);
+    m = m.setIn(k, v);
+  }
+  return [m, keys];
-}, Map()).toJS();
+}, [Map(), []]);
+const result = keys.map(key => [...key, map.getIn(key)]);
 ```
+上記によって`result`には、以下が得られます。
-上記によって、`obj`には、下記のようなオブジェクトが得られます。
 ```
-{ a: { b: 30, c: 70, d: 50 }, x: { y: { z: 300 }}}
+[ ["a","b",30], ["x", "y", "z", 300], ["a","c",70], ["a","d",50] ]
 ```
-上記のオブジェクトから、結果として得たい配列を作る再帰関数 `getEntries` を、以下
-```javascript
-const getEntries = (obj, path, result) => {
-  if (!path) path = [];
-  if (!result) result = [];
-  Object.entries(obj).forEach(([k, v]) => {
-    if (typeof v === 'number') {
-       result.push([...path, k, v]);
-    } else {
-       getEntries(v, [...path, k], result);
-    }
-  })
-  return result;
-}
-```
-のように作成しておいて、
-```javascript
-const result = getEntries(obj);
-```
-とすると、`result`には、以下が得られます。
-```
-[ ["a","b",30], ["a","c",70], ["a","d",50], ["x", "y", "z", 300] ]
-```
-- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/dyowNjW?editors=0012](https://codepen.io/jun68ykt/pen/dyowNjW?editors=0012)
+- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/wvaRdPg?editors=0012](https://codepen.io/jun68ykt/pen/wvaRdPg?editors=0012)

テキスト追加

2020/03/27 20:41

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -79,4 +79,62 @@
 - **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/QWbzGbd?editors=0012](https://codepen.io/jun68ykt/pen/QWbzGbd?editors=0012)
-参考になれば幸いです。
+参考になれば幸いです。
+### 別解
+JavaScript標準のMapではなく、[immutable-js](https://immutable-js.github.io/immutable-js/) の [Map](https://immutable-js.github.io/immutable-js/docs/#/Map) を使います。
+```javascript
+const { Map } = Immutable;
+const data = [
+   ["a","b",10], ["x", "y", "z", 100], ["a","c",30],
+   ["a","b",20], ["a","c",40], ["x", "y", "z", 200],
+   ["a","d",50]
+];
+const obj = data.reduce((m, ary) => {
+  const key = ary.slice(0, ary.length-1);
+  const value = ary[ary.length-1];
+  return m.setIn(key, (m.getIn(key) || 0) + value);
+}, Map()).toJS();
+```
+上記によって、`obj`には、下記のようなオブジェクトが得られます。
+```
+{ a: { b: 30, c: 70, d: 50 }, x: { y: { z: 300 }}}
+```
+上記のオブジェクトから、結果として得たい配列を作る再帰関数 `getEntries` を、以下
+```javascript
+const getEntries = (obj, path, result) => {
+  if (!path) path = [];
+  if (!result) result = [];
+  Object.entries(obj).forEach(([k, v]) => {
+    if (typeof v === 'number') {
+       result.push([...path, k, v]);
+    } else {
+       getEntries(v, [...path, k], result);
+    }
+  })
+  return result;
+}
+```
+のように作成しておいて、
+```javascript
+const result = getEntries(obj);
+```
+とすると、`result`には、以下が得られます。
+```
+[ ["a","b",30], ["a","c",70], ["a","d",50], ["x", "y", "z", 300] ]
+```
+- **動作確認用CodePen:** [https://codepen.io/jun68ykt/pen/dyowNjW?editors=0012](https://codepen.io/jun68ykt/pen/dyowNjW?editors=0012)