Q&A
そもそも、問題文が分からないのですが…。模範解答から問題文を読み取れ、という事でしょうか。
codeprepの配列の練習問題の回答例に関する質問です。
現在配列の文字列のソートをやっていますが、皆さんはどのようにコードを書くでしょうか？
また、回答例では、以下のようになっていました。
html
1 2<!DOCTYPE html> 3<html> 4<head> 5<meta charset="utf-8"> 6<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 7<script src="index.js"></script> 8<script> 9function array2str(array) { 10 return "[" + array.join(", ") + "]"; 11} 12$(document).ready(function() { 13 $("#a1").text(array2str(sort(["ccc", "dddd", "a", "bb", "eeeee"]))); 14 $("#a2").text(array2str(sort(["apple", "banana", "chicken", "doughnut", "egg"]))); 15}); 16</script> 17</head> 18<body> 19<h1>ソート</h1> 20<p>配列 ["ccc", "dddd", "a", "bb", "eeeee"]のソート結果は</p> 21<p id="a1"/> 22 23<p>配列 ["apple", "banana", "chicken", "doughnut", "egg"]のソート結果は</p> 24<p id="a2"/> 25</body> 26</html>
javascript
1function sort(array){ 2 return array.sort((a,b)=>{ return a.length > b.length ? -1 : 1} ); 3}
ここで見る限り、function sortの中に実際の処理を書いていくわけですが、最初のreturnの中にaray.sort((a,b)=>{return...
といった感じでなんとreturnが連続して続いているのですが、これは関数の中に関数が入っているという解釈でよろしいのでしょうか？
また、これはいわゆるクローシャというものと関係しているのでしょうか？
追記：問題文追加し忘れて板の失礼いたしました。
こちらです。
配列を文字列の長さの長い順でソートする関数sortを完成させてください。
回答3件
0
問題文が不明ですが、「回答例」から読み取る限りでは「String 値の要素からなる配列を文字列の長い順にソートせよ」というところでしょうか。
私なら次のように書きます。
JavaScript
1function lengthSort (a, b) { 2 return String(b).length - String(a).length; 3} 4 5console.log(JSON.stringify(["ccc", "dddd", "a", "bb", "eeeee"].sort(lengthSort))); // ["eeeee","dddd","ccc","bb","a"] 6console.log(JSON.stringify(["apple", "banana", "chicken", "doughnut", "egg"].sort(lengthSort))); // ["doughnut","chicken","banana","apple","egg"]
length は String 型の保証とならない(配列も存在しうる)為、String 型に変換し、JSON.stringify でシリアライズします。
アロー関数
アロー関数/関数宣言/関数式が混在していて、コード全体として統一感のないコードになっている印象を受けます。
sort のコードだけ別の人が書いたコードなのでしょうか。
アロー関数を使うのなら、$(document).ready(function() {}); もアロー関数で書いた方がすっきりするのではないかと思います。
クロージャ
関数の中に関数があればクロージャといえますが、「array.sort() 内のアロー関数」は単純なコールバック関数なので、クロージャならではの使い方ではないように思います。
function sort (){} 内の return は Array.prototype.sort の返り値を返しているだけです。
JavaScript
1function sort (array) { 2 return array.sort(); 3}
上記コードにコールバック関数が付与されたところで、コードが表す意味は変わりません。
array2str() のシリアライズ
本題から逸れるのでしょうが、array2str() の設計がどうにも気になります。
配列を「配列初期化子」となる文字列に変換する事が期待されますが、配列の要素に , が存在するだけで出力値が不正になります。
JavaScript
1function array2str(array) { 2 return "[" + array.join(", ") + "]"; 3} 4 5var array = ['a, bb, ccc, dddd, eeeee', 'ffffff']; 6console.log(array2str(array)); // [a, bb, ccc, dddd, eeeee, ffffff] 7console.log(JSON.stringify(array)); // ["a, bb, ccc, dddd, eeeee","ffffff"]
Re: garchomp さん
投稿2017/05/01 06:59
編集2017/05/01 07:38総合スコア18162
0
皆さんはどのようにコードを書くでしょうか？
javascript
1function sort(array){ 2 return array.sort( (a,b)=> b.length - a.length ); 3}
関数の中に関数が入っているという解釈でよろしいのでしょうか？
だいたいそんな理解であってますが、「高階関数」という言葉を覚えておくといいかと思います。
高階関数（こうかいかんすう、英: higher-order function）とは、関数（手続き）を引数にしたり、あるいは関数（手続き）を戻り値とするような関数のことである。
引数
compareFunction
ソート順を定義する関数を指定します。省略された場合、配列は各要素の文字列比較に基づき辞書順にソートされます。
Array.prototype.sort() - JavaScript | MDN
投稿2017/05/01 07:05
編集2017/05/01 07:08
総合スコア36074
あなたの回答
tips
プレビュー
