javascript:二次元配列内の文字列でソート

Question

前提

jsで二次元配列の文字列でソートを行いたいですが、
番号や一次元の文字列でのソートはよく見かけるんですが二次元でのそれがみつからなかったので、
実現可能なのか知りたいです。

該当のソースコード

function sortFunc(a, b){
	a = a.toString().toLowerCase();
	b = b.toString().toLowerCase();
	if(a < b) return -1;
	else if(a > b) return 1;
	return 0;
}

window.onload = function () {
    array = ["Emiya", "Jannue", "Artoria"]
    array.sort(sortFunc);
    alert(array); // Artoria,Emiya,Jannue
}

//実際使いたい配列
0: Object { id: 41281037205687, title: "AAA", option1: "AAA", … }
1: Object { id: 41281037238455, title: "BBB", option1: "BBB", … }
2: Object { id: 41281037271223, title: "CCC", option1: "CCC", … }
3: Object { id: 41280119079095, title: "black", option1: "black", … }
4: Object { id: 41280119210167, title: "white", option1: "white", … }
5: Object { id: 41280119341239, title: "red", option1: "red", … }
6: Object { id: 41280119472311, title: "blue", option1: "blue", … }

titleの文字列でABC順に並び変えたいのですが、
上記のコードは一次元でソートが可能なのですが、実際扱いたい二次元配列のデータでは
idの番号部分でソートはできたのですが、titleの部分では実装方法がわからず。。
そもそも無理なのでしょうか？
ご教授お願いいたします。

Answer 1

localeCompareを使って、sortFunc(a, b) をこのように作ればよいかと思います。

function sortFunc(a, b) {
  a = a.title.toLowerCase();
  b = b.title.toLowerCase();
  return a.localeCompare(b);
}

• 実行サンプル 👉 https://codepen.io/su507/pen/MWVJWBq?editors=0012

Comments

[cheche0830]

ありがとうございます！