編集履歴

回答編集履歴

テキスト修正

2018/09/16 01:34

投稿

スコア9058

answer CHANGED Viewed

@@ -182,4 +182,4 @@
 ```
 **サンプル： **  [https://jsfiddle.net/jun68ykt/tycq3g28/16/](https://jsfiddle.net/jun68ykt/tycq3g28/16/)
-上記の `slice` と `concat`を使った `orderBy` で事足りるということだと、ソートするとか rotateさせるとか、ちょっと込み入ったことをする必要はありませんでしたね。
+上記の `slice` と `concat`を使った `orderBy` で事足りるということだと、sort させたり、 rotateさせたりといった込み入ったことをする必要はありませんでした。あとは、もともと `hoge`が date でソートされているかどうか、といった要件しだいで、お好みの方法を比較検討して頂ければと思います。

テキスト修正

2018/09/16 01:34

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -115,7 +115,7 @@
 ---
-**追記**
+**追記1**
 長々と 回答（１）、（２）を書いてしまいましたが、もう少し見通しのいいコードで書けたので以下に追記します。
@@ -160,4 +160,26 @@
 以下、この `orderBy` を使ったサンプルです。
-[https://jsfiddle.net/jun68ykt/tycq3g28/15/](https://jsfiddle.net/jun68ykt/tycq3g28/15/)
+[https://jsfiddle.net/jun68ykt/tycq3g28/15/](https://jsfiddle.net/jun68ykt/tycq3g28/15/)
+---
+**追記2**
+上記、追記1 の `orderBy` は、以下のようにも書けます。
+```javascript
+hoge.orderBy = function(baseDate) {
+  if ( 1 <= baseDate && baseDate < this.length )
+    return this.slice(this.length - baseDate)
+               .concat(this.slice(0, this.length - baseDate));
+  return [...this];
+};
+```
+**サンプル： **  [https://jsfiddle.net/jun68ykt/tycq3g28/16/](https://jsfiddle.net/jun68ykt/tycq3g28/16/)
+上記の `slice` と `concat`を使った `orderBy` で事足りるということだと、ソートするとか rotateさせるとか、ちょっと込み入ったことをする必要はありませんでしたね。

テキスト修正

2018/09/16 01:20

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -135,14 +135,12 @@
 ```
 hoge.orderBy = function(baseDate) {
-  let that;
+  const that = [...this];
-  if ( 1 <= baseDate && baseDate < this.length ) {
+  if ( 1 <= baseDate && baseDate < this.length )
-    that = [...this];
-    for ( i = 0; i < this.length - baseDate; ++ i )
+    for ( i = 0; i < this.length - baseDate; ++ i )
-      that.push(that.shift())
+      that.push(that.shift());
-  } else {
-    that = this;
-  }
   return that;
 };
 ```
@@ -162,4 +160,4 @@
 以下、この `orderBy` を使ったサンプルです。
-[https://jsfiddle.net/jun68ykt/tycq3g28/11/](https://jsfiddle.net/jun68ykt/tycq3g28/11/)
+[https://jsfiddle.net/jun68ykt/tycq3g28/15/](https://jsfiddle.net/jun68ykt/tycq3g28/15/)

テキスト修正

2018/09/16 00:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -110,4 +110,56 @@
 なお、`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、 `rotateByBaseDate(hoge, 5)` としたときに、望ましい結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
-以上、参考になれば幸いです。
+以上、参考になれば幸いです。
+---
+**追記**
+長々と 回答（１）、（２）を書いてしまいましたが、もう少し見通しのいいコードで書けたので以下に追記します。
+配列 `hoge`
+```javascript
+const hoge = [
+  { date:"7", status:"C" },
+  { date:"6", status:"B" },
+  { date:"5", status:"D" },
+  { date:"4", status:"B" },
+  { date:"3", status:"A" },
+  { date:"2", status:"C" },
+  { date:"1", status:"A" }
+];
+```
+に以下のようなメソッドを追加します。
+```
+hoge.orderBy = function(baseDate) {
+  let that;
+  if ( 1 <= baseDate && baseDate < this.length ) {
+    that = [...this];
+    for ( i = 0; i < this.length - baseDate; ++ i )
+      that.push(that.shift())
+  } else {
+    that = this;
+  }
+  return that;
+};
+```
+この `orderBy` を使うことで、たとえば `baseDate` に　4 を指定して並べ替えた配列 `hoge4` を得るには、
+```javascript
+const hoge4 = hoge.orderBy(4);
+```
+とすればよいです。この`orderBy`は、 `hoge` の順序は変更しないので、続けて
+```javascript
+const hoge2 = hoge.orderBy(2);
+```
+などとしても、望ましい結果が返ります。
+以下、この `orderBy` を使ったサンプルです。
+[https://jsfiddle.net/jun68ykt/tycq3g28/11/](https://jsfiddle.net/jun68ykt/tycq3g28/11/)

テキスト修正

2018/09/16 00:50

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -22,7 +22,7 @@
   { date:"1", status:"A" }
 ];
 ```
-の各要素の `date` プロパティを整数に変換した値を引いた差を要素とする配列
+の各要素の `date` プロパティ （を整数に変換した値) を引いた差の配列
 ```javascript
 [-3, -2, -1, 0, 1, 2, 3];  // = [ 4-"7", 4-"6", 4-"5", 4-"4", 4-"3", 4-"2", 4-"1" ]
 ```

テキスト修正

2018/09/15 23:37

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -24,7 +24,7 @@
 ```
 の各要素の `date` プロパティを整数に変換した値を引いた差を要素とする配列
 ```javascript
-[-3, -2, -1, 0, 1, 2, 3];
+[-3, -2, -1, 0, 1, 2, 3];  // = [ 4-"7", 4-"6", 4-"5", 4-"4", 4-"3", 4-"2", 4-"1" ]
 ```
 を、以下のように並び替えるにはどうしたらいいか？ という問題に帰着します。
 ```javascript

テキスト修正

2018/09/15 23:32

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -63,8 +63,7 @@
 - **動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/6zqrL49a/1/](https://jsfiddle.net/jun68ykt/6zqrL49a/1/)
 なお上記の比較関数によるソートは、 与えられる配列`hoge` が、 `date`でソートされていなくても望む結果が得られます。たとえば `hoge` が
 ```javascript

テキスト修正

2018/09/15 23:19

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -61,7 +61,7 @@
 このように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` によって、`hoge` が望ましい状態に並び替えられます。
-**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/6zqrL49a/1/](https://jsfiddle.net/jun68ykt/6zqrL49a/1/)
+- **動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/6zqrL49a/1/](https://jsfiddle.net/jun68ykt/6zqrL49a/1/)
@@ -81,7 +81,7 @@
 であった場合のサンプルが以下です。
-`hoge` **が ** `date` **でソートされていない例：**[https://jsfiddle.net/jun68ykt/6zqrL49a/2/](https://jsfiddle.net/jun68ykt/6zqrL49a/2/)
+- `hoge` **が ** `date` **でソートされていない例：**[https://jsfiddle.net/jun68ykt/6zqrL49a/2/](https://jsfiddle.net/jun68ykt/6zqrL49a/2/)
 ## (2) 配列の回転（rotate)を使う
@@ -103,11 +103,11 @@
 ```
 を作っておいて、 `rotateByBaseDate(hoge, 4)` とすれば望む配列が得られます。
-以下に、この `rotateByBaseDate` を使うサンプルコードを作成しました。
+以下、サンプルを作成しました。
-** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/8/](https://jsfiddle.net/jun68ykt/tycq3g28/8/)
+- ** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/8/](https://jsfiddle.net/jun68ykt/tycq3g28/8/)
-上記のコードでは、初めに `baseDate` を  4 として並べ替え、次に  5 で並べ替えます。
+　上記のコードでは、初めに `baseDate` を  4 として並べ替え、次に  5 で並べ替えます。
 なお、`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、 `rotateByBaseDate(hoge, 5)` としたときに、望ましい結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。

テキスト修正

2018/09/15 22:58

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -86,9 +86,9 @@
 ## (2) 配列の回転（rotate)を使う
-上記の回答(1) は、与えられる配列`hoge` が date でソートされていなくても望む結果を得るための回答でしたが、`hoge`の要素が`date`の降順にソートされていることは前提条件であるならば、配列 `hoge` を回転(rotate)させた配列を作るにはどうしたらいいか？という問題と考えることができます。
+上記の回答(1) は、初めに与えられる配列`hoge` が date でソートされていなくても望ましい結果を得るための回答でしたが、前提条件として`hoge`の要素は`date`の降順にソートされているとするならば、配列 `hoge` を回転(rotate)させた配列を作るにはどうしたらいいか？という問題と考えることができます。
-配列をrotateさせるためのコードは、以下の質問の回答に挙げられています。
+配列を回転（rotate）させるためのコードは、以下の質問の回答に挙げられています。
 - stackoverflow.com: [JavaScript Array rotate()](https://stackoverflow.com/questions/1985260/javascript-array-rotate)
@@ -96,22 +96,19 @@
 [https://stackoverflow.com/a/1985471](https://stackoverflow.com/a/1985471)
-の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) をお借りして、`baseDate`が 4 の場合は、`hoge` の要素の中で date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
+の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) をお借りすることにして、たとえば、`baseDate`が 4 の場合は、`hoge` の要素の中で date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
 ```javascript
 const rotateByBaseDate =  (ary, baseDate) => [...ary].rotate(ary.length - baseDate);
 ```
 を作っておいて、 `rotateByBaseDate(hoge, 4)` とすれば望む配列が得られます。
-なお、上記のコードで`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、たとえば `rotateByBaseDate(hoge, 5)` とすると望む結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
+以下に、この `rotateByBaseDate` を使うサンプルコードを作成しました。
-上記の [Array.prototype.rotate](https://stackoverflow.com/a/1985471)　と`rotateByBaseDate` を使って、初めに `baseDate` を  4 として並べ替え、次に  5 で並べ替えるサンプルを以下に作成しました。
 ** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/8/](https://jsfiddle.net/jun68ykt/tycq3g28/8/)
+上記のコードでは、初めに `baseDate` を  4 として並べ替え、次に  5 で並べ替えます。
+なお、`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、 `rotateByBaseDate(hoge, 5)` としたときに、望ましい結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
 以上、参考になれば幸いです。

テキスト修正

2018/09/15 14:40

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,11 +2,11 @@
 このご質問でeeengineeeeeeerさんが要望されている並べ替えを実現するために、異なる２つのアプローチがあると思いましたので、それぞれ以下の(1)、(2)として回答します。
-なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。ご質問の例：
+なお、以下の回答では、並べ替えた結果、先頭にくるべき要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。ご質問の例：
 > たとえば任意の値を4としたとき
-では、`baseDate`が 4 ということになります。
+では、`baseDate`として 4 を指定する、ということになります。
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。

テキスト修正

2018/09/15 05:56

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,6 +1,6 @@
 こんにちは。
-このご質問でeeengineeeeeeerさんが要望されている並べ替えを実現するために、異なる２つのアプローチがあると思いました。それを以下の(1)、(2) で回答します。
+このご質問でeeengineeeeeeerさんが要望されている並べ替えを実現するために、異なる２つのアプローチがあると思いましたので、それぞれ以下の(1)、(2)として回答します。
 なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。ご質問の例：

テキスト修正

2018/09/15 05:23

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,6 +1,6 @@
 こんにちは。
-以下、異なる考え方、方法による２つの方法を回答します。
+このご質問でeeengineeeeeeerさんが要望されている並べ替えを実現するために、異なる２つのアプローチがあると思いました。それを以下の(1)、(2) で回答します。
 なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。ご質問の例：

テキスト修正

2018/09/15 04:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -86,7 +86,7 @@
 ## (2) 配列の回転（rotate)を使う
-上記の回答(1) は、与えられる配列`hoge` が date でソートされていなくても望む結果を得るための回答でしたが、`hoge`の要素が`date`の降順にソートされていることは前提条件であるならば、配列を回転(rotate)させればよいです。
+上記の回答(1) は、与えられる配列`hoge` が date でソートされていなくても望む結果を得るための回答でしたが、`hoge`の要素が`date`の降順にソートされていることは前提条件であるならば、配列 `hoge` を回転(rotate)させた配列を作るにはどうしたらいいか？という問題と考えることができます。
 配列をrotateさせるためのコードは、以下の質問の回答に挙げられています。
@@ -96,7 +96,7 @@
 [https://stackoverflow.com/a/1985471](https://stackoverflow.com/a/1985471)
-の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) を拝借しますと、`baseDate`が 4 の場合は、`hoge` の要素の中で date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
+の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) をお借りして、`baseDate`が 4 の場合は、`hoge` の要素の中で date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
 ```javascript
 const rotateByBaseDate =  (ary, baseDate) => [...ary].rotate(ary.length - baseDate);

テキスト修正

2018/09/15 03:04

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -107,7 +107,7 @@
 なお、上記のコードで`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、たとえば `rotateByBaseDate(hoge, 5)` とすると望む結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
-上記の [Array.prototype.rotate](https://stackoverflow.com/a/1985471)　と`rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルを以下に作成しました。
+上記の [Array.prototype.rotate](https://stackoverflow.com/a/1985471)　と`rotateByBaseDate` を使って、初めに `baseDate` を  4 として並べ替え、次に  5 で並べ替えるサンプルを以下に作成しました。
 ** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/8/](https://jsfiddle.net/jun68ykt/tycq3g28/8/)

テキスト修正

2018/09/15 02:57

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -81,7 +81,7 @@
 であった場合のサンプルが以下です。
-初めに与えられる`hoge` **が ** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/6zqrL49a/2/](https://jsfiddle.net/jun68ykt/6zqrL49a/2/)
+`hoge` **が ** `date` **でソートされていない例：**[https://jsfiddle.net/jun68ykt/6zqrL49a/2/](https://jsfiddle.net/jun68ykt/6zqrL49a/2/)
 ## (2) 配列の回転（rotate)を使う

テキスト修正

2018/09/15 02:51

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -31,7 +31,7 @@
 [0, 1, 2, 3, -3, -2, -1];
 ```
-上記のようなソートを行うための比較関数 `compare(a, b)` の一例が以下です。（他の書き方もあるでしょう。）
+上記のようなソートを行うための比較関数 `compare(a, b)` の一例が以下です。（他のより良い書き方もあるかもしれません。）
 ```javascript
 const compare = (a, b) => {

テキスト修正

2018/09/15 02:48

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -58,10 +58,10 @@
   ary.sort((e1,e2) => compare(baseDate - e1.date, baseDate - e2.date));
 ```
-このように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
+このように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` によって、`hoge` が望ましい状態に並び替えられます。
-**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/fr2snba7/1/](https://jsfiddle.net/jun68ykt/fr2snba7/1/)
+**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/6zqrL49a/1/](https://jsfiddle.net/jun68ykt/6zqrL49a/1/)
@@ -81,7 +81,7 @@
 であった場合のサンプルが以下です。
-`hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/fr2snba7/2/](https://jsfiddle.net/jun68ykt/fr2snba7/2/)
+初めに与えられる`hoge` **が ** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/6zqrL49a/2/](https://jsfiddle.net/jun68ykt/6zqrL49a/2/)
 ## (2) 配列の回転（rotate)を使う

テキスト修正

2018/09/15 02:46

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -31,25 +31,8 @@
 [0, 1, 2, 3, -3, -2, -1];
 ```
-上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。
+上記のようなソートを行うための比較関数 `compare(a, b)` の一例が以下です。（他の書き方もあるでしょう。）
-```
-if ( a が 0 )
-  負の数を返す。
-if ( b が 0 )
-　正の数を返す。
-if ( a と b は異符号 )
-  b が負の数なら、負の数を返し、そうでないなら正の数を返す。
-上記以外であれば、 a - b を返す。
-```
-上記のロジックを言葉で説明すると、 二つの整数 `a` 、 `b` の比較関数 `compare(a, b)`　は、通常ではただ単に `a - b` を返せば済むところを、このご質問の要件を満たすためには、 `a`または`b`が 0 である場合の処理と、 `a`と `b`とが異符号である場合の処理を、 `a - b` を返す前に行う必要がある、ということになります。
-上記の考え方で作成した `compare(a,b)` が以下です。
 ```javascript
 const compare = (a, b) => {
@@ -64,13 +47,18 @@
   return a - b;
 };
+```
+上記のロジックを言葉で説明すると、 二つの整数 `a` 、 `b` の比較関数 `compare(a, b)`　は、通常ではただ単に `a - b` を返せば済むところを、このご質問の要件を満たすためには、 `a`または`b`が 0 である場合の処理と、 `a`と `b`とが異符号である場合の処理を、 `a - b` を返す前に行う必要がある、ということになります。
+この `compare(a,b)` を使うことで、ソート対象の配列 `ary` （hoge が与えられる想定） と、 `baseDate`を引数として取り、望ましい順序で並べ替えた配列を返す関数 `sortByBaseDate(ary, baseDate)` を以下のように書けます。
+```javascript
 const sortByBaseDate =  (ary, baseDate) =>
   ary.sort((e1,e2) => compare(baseDate - e1.date, baseDate - e2.date));
 ```
-上記のように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
+このように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
 **動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/fr2snba7/1/](https://jsfiddle.net/jun68ykt/fr2snba7/1/)

テキスト修正

2018/09/15 02:37

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -36,12 +36,14 @@
 ```
 if ( a が 0 )
   負の数を返す。
-else if ( b が 0 )
+if ( b が 0 )
 　正の数を返す。
-else if ( a と b は異符号 )
+if ( a と b は異符号 )
   b が負の数なら、負の数を返し、そうでないなら正の数を返す。
-else  /* a と b とは同符号 */
-  a - b を返す。
+上記以外であれば、 a - b を返す。
 ```
 上記のロジックを言葉で説明すると、 二つの整数 `a` 、 `b` の比較関数 `compare(a, b)`　は、通常ではただ単に `a - b` を返せば済むところを、このご質問の要件を満たすためには、 `a`または`b`が 0 である場合の処理と、 `a`と `b`とが異符号である場合の処理を、 `a - b` を返す前に行う必要がある、ということになります。

テキスト修正

2018/09/15 02:30

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -34,24 +34,33 @@
 上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。
 ```
-if ( a か b のいずれかが 0 )
+if ( a が 0 )
+  負の数を返す。
-  a が0ならば負の数を返し、 そうでないなら正の数を返す。
+else if ( b が 0 )
+　正の数を返す。
-else if ( a と b とは同符号 )
+else if ( a と b は異符号 )
+  b が負の数なら、負の数を返し、そうでないなら正の数を返す。
+else  /* a と b とは同符号 */
   a - b を返す。
-else
-  b が負の数なら、負の数を返し、そうでないなら正の数を返す。
 ```
-上記の考え方で作成したコードが以下です。
+上記のロジックを言葉で説明すると、 二つの整数 `a` 、 `b` の比較関数 `compare(a, b)`　は、通常ではただ単に `a - b` を返せば済むところを、このご質問の要件を満たすためには、 `a`または`b`が 0 である場合の処理と、 `a`と `b`とが異符号である場合の処理を、 `a - b` を返す前に行う必要がある、ということになります。
+上記の考え方で作成した `compare(a,b)` が以下です。
 ```javascript
 const compare = (a, b) => {
+  // a または b が 0 である場合
+  if ( a === 0 ) return -1;
-  if (a * b === 0)
+  if ( b === 0 ) return 1;
-    return Math.abs(a) - Math.abs(b);
+  // a と b が異符号の場合
-  else if ( a * b > 0)
+  if ( a * b < 0 ) return b;
+  // a と b が同符号の場合
-    return a - b;
+  return a - b;
-  else
-    return b;
 };
 const sortByBaseDate =  (ary, baseDate) =>
@@ -62,7 +71,7 @@
 上記のように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
-**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/3h6aesjz/1/](https://jsfiddle.net/jun68ykt/3h6aesjz/1/)
+**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/fr2snba7/1/](https://jsfiddle.net/jun68ykt/fr2snba7/1/)
@@ -82,7 +91,7 @@
 であった場合のサンプルが以下です。
-`hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/3h6aesjz/2/](https://jsfiddle.net/jun68ykt/3h6aesjz/2/)
+`hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/fr2snba7/2/](https://jsfiddle.net/jun68ykt/fr2snba7/2/)
 ## (2) 配列の回転（rotate)を使う

テキスト修正

2018/09/15 02:26

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -31,7 +31,7 @@
 [0, 1, 2, 3, -3, -2, -1];
 ```
-上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。（※上記の配列内には同じ値がないことを考慮して、 `a` と `b` が等しい場合に 0 を返すコードは省略しています。）
+上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。
 ```
 if ( a か b のいずれかが 0 )

テキスト修正

2018/09/15 01:55

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -22,7 +22,7 @@
   { date:"1", status:"A" }
 ];
 ```
-の各要素の `date` プロパティの（文字列を整数に変換した）値を引いた差を要素とする配列
+の各要素の `date` プロパティを整数に変換した値を引いた差を要素とする配列
 ```javascript
 [-3, -2, -1, 0, 1, 2, 3];
 ```

テキスト修正

2018/09/14 22:59

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -66,7 +66,7 @@
-なお上記の比較関数によるソートは、 与えられる配列`hoge` が、 `date`でソートされていなくて、たとえば以下
+なお上記の比較関数によるソートは、 与えられる配列`hoge` が、 `date`でソートされていなくても望む結果が得られます。たとえば `hoge` が
 ```javascript
 const hoge = [
@@ -80,7 +80,7 @@
 ];
 ```
-のようなものであっても、望む結果が得られます。そのサンプルが以下です。
+であった場合のサンプルが以下です。
 `hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/3h6aesjz/2/](https://jsfiddle.net/jun68ykt/3h6aesjz/2/)

テキスト修正

2018/09/14 22:55

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -97,7 +97,7 @@
 [https://stackoverflow.com/a/1985471](https://stackoverflow.com/a/1985471)
-の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) を拝借しますと、基準にする dateが 4 の場合は、`hoge` の要素の中で、 date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
+の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) を拝借しますと、`baseDate`が 4 の場合は、`hoge` の要素の中で date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
 ```javascript
 const rotateByBaseDate =  (ary, baseDate) => [...ary].rotate(ary.length - baseDate);

テキスト修正

2018/09/14 22:51

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,11 +2,11 @@
 以下、異なる考え方、方法による２つの方法を回答します。
-なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。（ご質問の例：
+なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。ご質問の例：
 > たとえば任意の値を4としたとき
-では、`baseDate`が 4 ということになります）
+では、`baseDate`が 4 ということになります。
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。

テキスト修正

2018/09/14 22:47

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,8 +2,12 @@
 以下、異なる考え方、方法による２つの方法を回答します。
-なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。（ご質問の例では、`baseDate`が 4 ということになります）
+なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。（ご質問の例：
+> たとえば任意の値を4としたとき
+では、`baseDate`が 4 ということになります）
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。
 ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば `baseDate` が `4` であるときは、 `4` から配列`hoge`

テキスト修正

2018/09/14 22:46

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,9 +2,11 @@
 以下、異なる考え方、方法による２つの方法を回答します。
+なお、以下の回答では、並べ替えた結果、先頭にくる要素の`date` プロパティに相当する整数値を、 `baseDate` という変数名で表します。（ご質問の例では、`baseDate`が 4 ということになります）
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。
-ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば基準値が `4` であるときは、 `4` から配列`hoge`
+ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば `baseDate` が `4` であるときは、 `4` から配列`hoge`
 ```javascript
 const hoge = [
   { date:"7", status:"C" },
@@ -27,7 +29,6 @@
 上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。（※上記の配列内には同じ値がないことを考慮して、 `a` と `b` が等しい場合に 0 を返すコードは省略しています。）
 ```
 if ( a か b のいずれかが 0 )
   a が0ならば負の数を返し、 そうでないなら正の数を返す。
@@ -49,15 +50,15 @@
     return b;
 };
-const sortByBaseDate =  (ary, base) =>
+const sortByBaseDate =  (ary, baseDate) =>
-  ary.sort((e1,e2) => compare(base - e1.date, base - e2.date));
+  ary.sort((e1,e2) => compare(baseDate - e1.date, baseDate - e2.date));
 ```
 上記のように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
-**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/ca396q1e/3/](https://jsfiddle.net/jun68ykt/ca396q1e/3/)
+**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/3h6aesjz/1/](https://jsfiddle.net/jun68ykt/3h6aesjz/1/)
@@ -77,7 +78,7 @@
 のようなものであっても、望む結果が得られます。そのサンプルが以下です。
-`hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/ca396q1e/4/](https://jsfiddle.net/jun68ykt/ca396q1e/4/)
+`hoge` **が、** `date` **でソートされていない例：** [https://jsfiddle.net/jun68ykt/3h6aesjz/2/](https://jsfiddle.net/jun68ykt/3h6aesjz/2/)
 ## (2) 配列の回転（rotate)を使う
@@ -95,7 +96,7 @@
 の [Array.prototype.rotate](https://stackoverflow.com/a/1985471) を拝借しますと、基準にする dateが 4 の場合は、`hoge` の要素の中で、 date が "4"である要素を先頭にもってくるために、3回 rotate すればよいので、
 ```javascript
-const rotateByBaseDate =  (ary, base) => [...ary].rotate(ary.length - base);
+const rotateByBaseDate =  (ary, baseDate) => [...ary].rotate(ary.length - baseDate);
 ```
 を作っておいて、 `rotateByBaseDate(hoge, 4)` とすれば望む配列が得られます。
@@ -105,7 +106,7 @@
 上記の [Array.prototype.rotate](https://stackoverflow.com/a/1985471)　と`rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルを以下に作成しました。
-** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/7/](https://jsfiddle.net/jun68ykt/tycq3g28/7/)
+** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/8/](https://jsfiddle.net/jun68ykt/tycq3g28/8/)

テキスト修正

2018/09/14 22:44

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -88,7 +88,7 @@
 - stackoverflow.com: [JavaScript Array rotate()](https://stackoverflow.com/questions/1985260/javascript-array-rotate)
-上記の質問の回答の中で、ベストアンサーになっている
+これのベストアンサーになっている
 [https://stackoverflow.com/a/1985471](https://stackoverflow.com/a/1985471)

テキスト修正

2018/09/14 21:53

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -4,7 +4,7 @@
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。
-ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば基準値が `4` で、`hoge`が
+ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば基準値が `4` であるときは、 `4` から配列`hoge`
 ```javascript
 const hoge = [
   { date:"7", status:"C" },
@@ -16,8 +16,7 @@
   { date:"1", status:"A" }
 ];
 ```
-であるときは、`4` から各要素の `date` プロパティの（文字列を整数に変換した）値を引いた差を要素とする配列
+の各要素の `date` プロパティの（文字列を整数に変換した）値を引いた差を要素とする配列
 ```javascript
 [-3, -2, -1, 0, 1, 2, 3];
 ```

テキスト修正

2018/09/14 21:46

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -4,9 +4,7 @@
 ## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。
-ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現します。
+ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現しようとする場合、たとえば基準値が `4` で、`hoge`が
-基準値が `4` で、`hoge`が
 ```javascript
 const hoge = [
   { date:"7", status:"C" },
@@ -19,7 +17,7 @@
 ];
 ```
-である場合、`4` から各要素の `date` プロパティの（文字列を整数に変換した）値を引いた差を要素とする配列
+であるときは、`4` から各要素の `date` プロパティの（文字列を整数に変換した）値を引いた差を要素とする配列
 ```javascript
 [-3, -2, -1, 0, 1, 2, 3];
 ```

テキスト修正

2018/09/14 21:42

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -2,7 +2,7 @@
 以下、異なる考え方、方法による２つの方法を回答します。
-## (1) sort で実現する。
+## (1) [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) を使う。
 ご質問の並べ替えを [Array.prototype.sort](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)  で実現します。

テキスト修正

2018/09/14 21:38

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -57,7 +57,7 @@
 ```
-上記のように、 `compare` と `sortByBaseDate` を作ると、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
+上記のように、 `compare` と `sortByBaseDate` を用意しておくと、 `sortByBaseDate(hoge, 4)` で望む配列が得られます。
 **動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/ca396q1e/3/](https://jsfiddle.net/jun68ykt/ca396q1e/3/)

テキスト修正

2018/09/14 21:34

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -106,7 +106,7 @@
 なお、上記のコードで`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、たとえば `rotateByBaseDate(hoge, 5)` とすると望む結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
-上記の `rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルを以下に作成しました。
+上記の [Array.prototype.rotate](https://stackoverflow.com/a/1985471)　と`rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルを以下に作成しました。
 ** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/7/](https://jsfiddle.net/jun68ykt/tycq3g28/7/)

テキスト修正

2018/09/14 21:24

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -106,7 +106,7 @@
 なお、上記のコードで`[...ary]`としているところを、単に `ary` としてしまうと、 `rotateByBaseDate(hoge, 4)` としたときに `hoge`自体が変更されてしまって、引き続き、たとえば `rotateByBaseDate(hoge, 5)` とすると望む結果にならなくなってしまうので、これを避けるために`[...ary]` として `ary` のコピーに対して [Array.prototype.rotate](https://stackoverflow.com/a/1985471)を使っています。
-以下は、上記の `rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルです。
+上記の `rotateByBaseDate` を使って、初めに 基準値 "4" で並べ替え、次に基準値 "5" で並べ替えるサンプルを以下に作成しました。
 ** 配列をrotateさせるサンプル： ** [https://jsfiddle.net/jun68ykt/tycq3g28/7/](https://jsfiddle.net/jun68ykt/tycq3g28/7/)

テキスト修正

2018/09/14 21:23

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -1,6 +1,6 @@
 こんにちは。
-以下、２つの異なる考え方、方法による回答になります。
+以下、異なる考え方、方法による２つの方法を回答します。
 ## (1) sort で実現する。

テキスト修正

2018/09/14 21:20

投稿

jun68ykt

スコア9058

answer CHANGED Viewed

@@ -28,7 +28,7 @@
 [0, 1, 2, 3, -3, -2, -1];
 ```
-上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。
+上記のようなソートを行うための比較関数 `compare(a, b)` は、以下を満たせばよいです。（※上記の配列内には同じ値がないことを考慮して、 `a` と `b` が等しい場合に 0 を返すコードは省略しています。）
 ```