ソート機能を共通化させたいです。

Question

下記のようなJSONデータがあるとしてscore1、2,3それぞれでソートできるボタンを作ろうと思っています。

arr =[
 {
   "no": 1,
   "name": "りんご",
   "score_1": 76,
   "score_2": 33,
   "score_1": 46
 },
 {
   "no": 2,
   "name": "ばなな",
   "score_1": 100,
   "score_2": 31,
   "score_1": 56
 },
 {
   "no": 3,
   "name": "みかん",
   "score_1": 78,
   "score_2": 90,
   "score_3": 89
 },
 {
   "no": 4,
   "name": "いちじく",
   "score_1": 83,
   "score_2": 32,
   "score_3": 87
 }
 ]

score_1に関しては下記のように書いてソート（昇順・降順）で並び替えができるのですが、このままだと下記をscoreの数ごと記述しなければならないです。
ほぼ同じ記述が増えていく。。。
今後ソートしたいscoreが増えていった場合に困るなと思っています。
できれば共通化をしたいのですが、良い方法はないでしょうか・・・？

function sort_1(){

    if(flag_score1 == 0){
        flag_score1 = 1;
        arr.sort(function(a,b){
            if(a.score_1 > b.score_1) return -1;
            if(a.score_1 < b.score_1) return 1;
            return 0;
        });
    }else{
        flag_score1 = 0;
        arr.sort(function(a,b){
            if(a.score_1 < b.score_1) return -1;
            if(a.score_1 > b.score_1) return 1;
            return 0;
        });
    }
}

Answer 1

こんな感じでどうですか？

var arr =[
 {
   "no": 1,
   "name": "りんご",
   "score_1": 76,
   "score_2": 33,
   "score_3": 46
 },
 {
   "no": 2,
   "name": "ばなな",
   "score_1": 100,
   "score_2": 31,
   "score_3": 56
 },
 {
   "no": 3,
   "name": "みかん",
   "score_1": 78,
   "score_2": 90,
   "score_3": 89
 },
 {
   "no": 4,
   "name": "いちじく",
   "score_1": 83,
   "score_2": 32,
   "score_3": 87
 }
 ];
var sort_flag = 0;
sort_flag = sort_any("score_2", sort_flag);
function sort_any(field, flag) {
	var f = flag * 2 - 1;
	arr.sort(function(a, b) {
		return (a[field] - b[field]) * f;
	});
	return 1 - flag;
}

Comments

[appapple]

ありがとうございます！

最後の下記ですがflagを書き換えてreturnしているのでしょうか？
return 1 - flag;

returnの理解が曖昧でして・・

[appapple]

sort_flagへ向けてreturnしているのですね。呼び出し方が大事ということでしょうか。

[Zuishin]

元々の引数の flag が 0 なら 1 を、1 なら 0 を返しています。
書き換えている訳ではないので、戻り値を代入してください。

グローバル変数の多用はバグの元です。グローバル変数、ローカル変数、戻り値について調べて下さい。

[appapple]

はい！調べてみます。
ありがとうございました！