トップ ECMAScriptに関する質問初期配列から追加・削除された要素をそれぞれ抽出したい

編集履歴

回答編集履歴

テキスト修正

2018/06/02 22:50

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -74,7 +74,7 @@
 **補足3**
 「追加された要素の配列と、削除された要素の配列を同時に作る」というのが与件ですが、
-私見としましては、より**”同時に”** 感のあるコードは、以下のようなものになります。
+私見としましては、より**”同時に”感** (?)のあるコードは、以下のようなものになります。
 ```javascript

テキスト修正

2018/06/02 22:50

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -68,4 +68,31 @@
 > 理想は同時に抽出する方法ですが、それは難しいのではないかと思っているいたりするので、よりスマートに別々に抽出する方法がありましたら、そちらだけでもご回答いただけると幸いです。
 とあるので、上記の方法、すなわち、別々に抽出する方法のリファクタ案のひとつとして
-お考え頂ければと思います。
+お考え頂ければと思います。
+---
+**補足3**
+「追加された要素の配列と、削除された要素の配列を同時に作る」というのが与件ですが、
+私見としましては、より**”同時に”** 感のあるコードは、以下のようなものになります。
+```javascript
+const _ = require('lodash');
+const diff = (x, y) => {
+  const promises =
+    [[y, x], [x, y]].map(e =>
+      new Promise(resolve => {
+        setTimeout(() => { resolve(_.difference(...e)); }, 0);
+      })
+    );
+  return Promise.all(promises);
+};
+const a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const b = a.map(e => 2 * e);
+diff(a, b).then(values => { console.log(values); });  // => [ [ 12, 14, 16, 18, 20 ], [ 1, 3, 5, 7, 9 ] ]
+```

テキスト修正

2018/06/02 14:13

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -53,4 +53,19 @@
 この回答のやり方で実装したサンプルコードを、以下のURLに上げておきました。
-[https://jsfiddle.net/jun68ykt/pLuzg0u4/2/](https://jsfiddle.net/jun68ykt/pLuzg0u4/2/)
+[https://jsfiddle.net/jun68ykt/pLuzg0u4/2/](https://jsfiddle.net/jun68ykt/pLuzg0u4/2/)
+---
+**補足2**
+質問者様のイメージされる、
+> 同時に
+の趣旨からすると、私の回答では「同時に抽出することになっていない」というご評価でしたら、
+ご質問に
+> 理想は同時に抽出する方法ですが、それは難しいのではないかと思っているいたりするので、よりスマートに別々に抽出する方法がありましたら、そちらだけでもご回答いただけると幸いです。
+とあるので、上記の方法、すなわち、別々に抽出する方法のリファクタ案のひとつとして
+お考え頂ければと思います。

テキスト修正

2018/05/27 23:02

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -17,13 +17,13 @@
 **[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] **
-という配列として返す関数になっており、これがご質問にある、
+という、配列の配列として返す関数になっており、これがご質問にある、
 > 同時に抽出する
-という働きをしてくれるものになっています。
+という働きをしてくれるものになっているかと思います。
-(※ "同時に" という意味を、「一回の関数呼び出しで、追加分と削除分の両方が得られる」という
+(※ 「一回の関数呼び出しで、追加分と削除分の両方が得られる」ということをもって、
-意味と考えれば、ですが。）
+質問者様にとっての、"同時に" といってよいとすれば、ですが。）
 たとえば、

テキスト修正

2018/05/27 21:29

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -14,13 +14,19 @@
 ```
 上記の関数 `diff(ar1, ar2)` は、配列 ar1, ar2の差分を、
 **[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] **
 という配列として返す関数になっており、これがご質問にある、
 > 同時に抽出する
-という働きをしてくれるものになっています。たとえば、
+という働きをしてくれるものになっています。
+(※ "同時に" という意味を、「一回の関数呼び出しで、追加分と削除分の両方が得られる」という
+意味と考えれば、ですが。）
+たとえば、
 ```javascript
 const initialArray = ['a', 'b', 'c'];

テキスト修正

2018/05/27 21:26

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -13,12 +13,10 @@
 const diff = (ar1, ar2) => [[ar2,ar1], [ar1,ar2]].map(e => _.difference(...e));
 ```
-上記の関数 `diff(ar1, ar2)` は、
+上記の関数 `diff(ar1, ar2)` は、配列 ar1, ar2の差分を、
+**[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] **
+という配列として返す関数になっており、これがご質問にある、
-配列 ar1, ar2の差分を、**[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] ** という配列として返す
-関数になっており、これがご質問にある、
 > 同時に抽出する
 という働きをしてくれるものになっています。たとえば、

テキスト修正

2018/05/27 21:20

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

File without changes

テキスト修正

2018/05/27 21:18

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -15,9 +15,9 @@
 上記の関数 `diff(ar1, ar2)` は、
-配列 ar1、 ar2の差分を、**[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] ** という配列として返す関数
+配列 ar1, ar2の差分を、**[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] ** という配列として返す
-になっており、これがご質問にある、
+関数になっており、これがご質問にある、
 > 同時に抽出する

テキスト修正

2018/05/27 21:18

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -15,7 +15,7 @@
 上記の関数 `diff(ar1, ar2)` は、
-**配列 ar1、 ar2の差分を、[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] という配列として返す関数**
+配列 ar1、 ar2の差分を、**[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] ** という配列として返す関数
 になっており、これがご質問にある、

テキスト修正

2018/05/27 21:17

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,41 +1,27 @@
 こんにちは。
-2つの配列a, b を集合と考えたときに、[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、
-差集合 a - b に相当する配列を取得できますので、これを利用します。
+[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、2つの配列 ar1, ar2 を集合と考えたときに、[差集合](https://ja.wikipedia.org/wiki/%E5%B7%AE%E9%9B%86%E5%90%88) ar1 - ar2 に相当する配列を
-まずご自身の環境にあわせて、 `lodash`を以下のようにして使えるようにします。
-・lodash をNode.js で使う場合：
-npm または yarn で lodash をインストールして
 ```javascript
-const _ = require('lodash');
+_.difference(ar1, ar2)
 ```
-・lodash をブラウザで使う場合：
-```html
+で取得できます。
-<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
+これを使って、次のような関数 `diff` を定義します。
-```
-上記のいずれかによって、 `_` を使えるようにしておくと、2つの配列a, b を集合と考えたときの
-差集合 a - b は、
 ```javascript
-_.difference(a, b)
+const diff = (ar1, ar2) => [[ar2,ar1], [ar1,ar2]].map(e => _.difference(...e));
 ```
-で取得できます。これを使って、次のような関数 `diff` を定義します。
+上記の関数 `diff(ar1, ar2)` は、
-```javascript
-// 配列 ar1、 ar2の差分を配列として返す関数
-const diff = (ar1, ar2) => [[ar2,ar1], [ar1,ar2]].map(e => _.difference(...e));
+**配列 ar1、 ar2の差分を、[ 差集合(ar2-ar1)の配列, 差集合(ar1-ar2)の配列 ] という配列として返す関数**
-```
-上記の関数 `diff` が、ご質問にある、
+になっており、これがご質問にある、
 > 同時に抽出する
-という働きをしてくれるものになっています。
+という働きをしてくれるものになっています。たとえば、
-たとえば、
 ```javascript
 const initialArray = ['a', 'b', 'c'];
@@ -49,7 +35,7 @@
 [ [ 'd' ], [ 'a', 'c' ] ]
 ```
-上記の配列は2つの配列を要素とする配列で、
+上記は、2つの配列を要素とする配列で
 　・1つ目の配列 `[ 'd' ]` は、 initialArray に追加されたもの、
@@ -63,4 +49,4 @@
 この回答のやり方で実装したサンプルコードを、以下のURLに上げておきました。
-[https://jsfiddle.net/jun68ykt/pLuzg0u4/1/](https://jsfiddle.net/jun68ykt/pLuzg0u4/1/)
+[https://jsfiddle.net/jun68ykt/pLuzg0u4/2/](https://jsfiddle.net/jun68ykt/pLuzg0u4/2/)

テキスト修正

2018/05/27 21:03

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,7 +1,5 @@
 こんにちは。
-以下のような方法はいかがでしょうか。
 2つの配列a, b を集合と考えたときに、[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、
 差集合 a - b に相当する配列を取得できますので、これを利用します。
@@ -19,13 +17,14 @@
 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
 ```
-上記のいずれかによって、 `_` を使えるようにしておいて、差集合 a - b を求める
+上記のいずれかによって、 `_` を使えるようにしておくと、2つの配列a, b を集合と考えたときの
+差集合 a - b は、
 ```javascript
 _.difference(a, b)
 ```
-を使って、次のような関数 `diff` を定義します。
+で取得できます。これを使って、次のような関数 `diff` を定義します。
 ```javascript
 // 配列 ar1、 ar2の差分を配列として返す関数
@@ -57,9 +56,11 @@
 　・2つ目の配列 `[ 'a', 'c' ]` は、 initialArray から削除されたもの
 となります。
+以上参考になれば幸いです。
+---
-このやり方で実装したサンプルコードを、以下のURLに上げておきました。
+**補足**
-[https://jsfiddle.net/jun68ykt/pLuzg0u4/1/](https://jsfiddle.net/jun68ykt/pLuzg0u4/1/)
+この回答のやり方で実装したサンプルコードを、以下のURLに上げておきました。
-以上参考になれば幸いです。
+[https://jsfiddle.net/jun68ykt/pLuzg0u4/1/](https://jsfiddle.net/jun68ykt/pLuzg0u4/1/)

テキスト修正

2018/05/27 15:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -8,6 +8,8 @@
 まずご自身の環境にあわせて、 `lodash`を以下のようにして使えるようにします。
 ・lodash をNode.js で使う場合：
+npm または yarn で lodash をインストールして
 ```javascript
 const _ = require('lodash');
 ```

テキスト修正

2018/05/27 15:48

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -33,7 +33,7 @@
 上記の関数 `diff` が、ご質問にある、
 > 同時に抽出する
-という働きをしてくれるものになっていると思いますが、いかがでしょう？
+という働きをしてくれるものになっています。
 たとえば、
 ```javascript
@@ -58,6 +58,6 @@
 このやり方で実装したサンプルコードを、以下のURLに上げておきました。
-[https://jsfiddle.net/jun68ykt/pLuzg0u4/](https://jsfiddle.net/jun68ykt/pLuzg0u4/)
+[https://jsfiddle.net/jun68ykt/pLuzg0u4/1/](https://jsfiddle.net/jun68ykt/pLuzg0u4/1/)
 以上参考になれば幸いです。

ソース修正

2018/05/27 15:20

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -26,7 +26,8 @@
 を使って、次のような関数 `diff` を定義します。
 ```javascript
+// 配列 ar1、 ar2の差分を配列として返す関数
-const diff = (a, b) => [[b,a], [a,b]].map(e => _.difference(...e));
+const diff = (ar1, ar2) => [[ar2,ar1], [ar1,ar2]].map(e => _.difference(...e));
 ```
 上記の関数 `diff` が、ご質問にある、

テキスト修正

2018/05/27 15:18

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -5,23 +5,25 @@
 2つの配列a, b を集合と考えたときに、[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、
 差集合 a - b に相当する配列を取得できますので、これを利用します。
+まずご自身の環境にあわせて、 `lodash`を以下のようにして使えるようにします。
-lodash をNode.js で使う場合：
+・lodash をNode.js で使う場合：
 ```javascript
 const _ = require('lodash');
 ```
-lodash をブラウザで使う場合：
+・lodash をブラウザで使う場合：
 ```html
 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
 ```
-上記のいずれかによって、 `_` を使えるようにしておいて、
+上記のいずれかによって、 `_` を使えるようにしておいて、差集合 a - b を求める
 ```javascript
 _.difference(a, b)
 ```
-上記の `difference` を使って、以下のような関数 `diff` を定義します。
+を使って、次のような関数 `diff` を定義します。
 ```javascript
 const diff = (a, b) => [[b,a], [a,b]].map(e => _.difference(...e));

テキスト修正

2018/05/27 15:15

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -3,19 +3,27 @@
 以下のような方法はいかがでしょうか。
 2つの配列a, b を集合と考えたときに、[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、
-差集合 a - b に相当する配列を以下で取得できます。
+差集合 a - b に相当する配列を取得できますので、これを利用します。
+lodash をNode.js で使う場合：
 ```javascript
 const _ = require('lodash');
+```
+lodash をブラウザで使う場合：
+```html
+<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
+```
+上記のいずれかによって、 `_` を使えるようにしておいて、
+```javascript
 _.difference(a, b)
 ```
-これを使って、以下のような関数 `diff` を定義します。
+上記の `difference` を使って、以下のような関数 `diff` を定義します。
 ```javascript
-const _ = require('lodash');
 const diff = (a, b) => [[b,a], [a,b]].map(e => _.difference(...e));
 ```
@@ -45,4 +53,8 @@
 となります。
+このやり方で実装したサンプルコードを、以下のURLに上げておきました。
+[https://jsfiddle.net/jun68ykt/pLuzg0u4/](https://jsfiddle.net/jun68ykt/pLuzg0u4/)
 以上参考になれば幸いです。

テキスト修正

2018/05/27 15:09

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,12 +1,7 @@
 こんにちは。
-ご質問にある、
+以下のような方法はいかがでしょうか。
-> 理想は同時に抽出する方法ですが、それは難しいのではないかと思っているいたりするので、
-よりスマートに別々に抽出する方法がありましたら、
-の一例です。
 2つの配列a, b を集合と考えたときに、[lodash](https://lodash.com/) の [difference](https://lodash.com/docs/4.17.10#difference) を使うと、
 差集合 a - b に相当する配列を以下で取得できます。
@@ -24,8 +19,12 @@
 const diff = (a, b) => [[b,a], [a,b]].map(e => _.difference(...e));
 ```
-上記の `diff` を使うと、たとえば
+上記の関数 `diff` が、ご質問にある、
+> 同時に抽出する
+という働きをしてくれるものになっていると思いますが、いかがでしょう？
+たとえば、
 ```javascript
 const initialArray = ['a', 'b', 'c'];

テキスト修正

2018/05/27 14:43

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -24,7 +24,7 @@
 const diff = (a, b) => [[b,a], [a,b]].map(e => _.difference(...e));
 ```
-上記の `diff` を使うと、
+上記の `diff` を使うと、たとえば
 ```javascript
 const initialArray = ['a', 'b', 'c'];