連装配列オブジェクトの配列に対し、指定キーでソ―ト

Question

前提

JavaScriptで、連装配列オブジェクトの配列に対し、指定キーでソ―トしたいです。

実現したいこと

具体例として、以下objを渡し、obj["tags"]の配列を、【指定キー】でソートして【目的の値】を得たいのです。

発生している問題

自分なりの関数sort_tagsを作ったのですが、sort_keysでのソートが実現できません。

対象となるオブジェクト

const obj = {
	"id": "1",
	"tags": [
		{
			"kind": "genre",
			"name": "ジャンルA",
		},
		{
			"kind": "book",
			"name": "本A",
		},
		{
			"kind": "genre",
			"name": "ジャンルB",
		},
		{
			"kind": "user",
			"name": "ユーザーA",
		}
	]
};

実現したいこと（例１）

【指定キー】

const sort_keys = [ "user", "book", "genre" ];

【目的の値】

{
	"id": "1",
	"tags": [
		{
			"kind": "user",
			"name": "ユーザーA",
		},
		{
			"kind": "book",
			"name": "本A",
		},
		{
			"kind": "genre",
			"name": "ジャンルA",
		},
		{
			"kind": "genre",
			"name": "ジャンルB",
		}
	]
};

実現したいこと（例２）

【指定キー】

const sort_keys = [ "book", "genre", "user" ];

【目的の値】

{
	"id": "1",
	"tags": [
		{
			"kind": "book",
			"name": "本A",
		},
		{
			"kind": "genre",
			"name": "ジャンルA",
		},
		{
			"kind": "genre",
			"name": "ジャンルB",
		},
		{
			"kind": "user",
			"name": "ユーザーA",
		},
	]
};

試したこと

次の関数sort_tagsを作ったのですが、順序を変えることができませんでした。

console.log( sort_tags( obj ) );

function sort_tags( obj ) {

	const sort_keys = [ "user", "book", "genre" ];

	let result = {};

	Object.keys(obj).forEach( key => {

		if ( key === 'tags' ) {

			result.tags = [];

			obj.tags.forEach( tag_info => {

				sort_keys.forEach( sort_key => {

					if ( sort_key === tag_info.kind ) {
						result.tags.push({
							kind: sort_key,
							name: tag_info.name
						});
					}

				});

			});

		} else {
			result[key] = obj[key];
		}

	});

	return result;

}

Answer 1

sort() を使えばいいのでは

const obj = {
	"id": "1",
	"tags": [
		{
			"kind": "genre",
			"name": "ジャンルA",
		},
		{
			"kind": "book",
			"name": "本A",
		},
		{
			"kind": "genre",
			"name": "ジャンルB",
		},
		{
			"kind": "user",
			"name": "ユーザーA",
		}
	]
};

const sort_keys = [ "user", "book", "genre" ];

obj.tags.sort((a,b) =>
	sort_keys.indexOf(a['kind']) < sort_keys.indexOf(b['kind']) ? -1 :
	sort_keys.indexOf(a['kind']) > sort_keys.indexOf(b['kind']) ? 1 :
	a['name'] < b['name'] ? -1 : 1
)

console.log(obj.tags);

// [
//   {
//     "kind": "user",
//     "name": "ユーザーA"
//   },
//   {
//     "kind": "book",
//     "name": "本A"
//   },
//   {
//     "kind": "genre",
//     "name": "ジャンルA"
//   },
//   {
//     "kind": "genre",
//     "name": "ジャンルB"
//   }
// ]

Comments

[nikuatsu]

すばらしく便利な方法をどうもありがとうございます。