質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.48%

不揃いなキーでオブジェクトをソートする方法はありますか?

解決済

回答 5

投稿

  • 評価
  • クリップ 0
  • VIEW 673

score 12

前提・実現したいこと

オブジェクトから不揃いなキーを指定してソートしたいです。

該当のソースコード

下記オブジェクト「lists」は別のオブジェクトから抽出されたものでして、3種類の「x_num」「y_num」「z_num」があります。(必ずいずれかが存在します。)

const lists = [
  {name: 'berry', x_num: '1' },
  {name: 'apple', y_num: '3' },
  {name: 'melon', z_num: '2' }
];

このオブジェクトに対して「●_numでソートしたい」となった場合、どのようにすればよろしいでしょうか?

(恐れ入りますがjQuery寄りなコードで教えて頂けますと幸いです。)

試したこと

現状は下記で「name」を指定しており、['apple','berry','melon'] の順でソートされます。

お聞きしたいのはこれを「●_num」で指定する方法で、つまり ['apple','melon','berry'] の順で取得したいということです。

function getSortKey(){
    return 'name'; // 「name」ならできるが、これを「●_num」でソートしたい
}

function sortObj(a, b) {

  const sortKey = getSortKey();

  const genreA = a[sortKey].toUpperCase();
  const genreB = b[sortKey].toUpperCase();

  let comparison = 0;
  if (genreA > genreB) {
    comparison = 1;
  } else if (genreA < genreB) {
    comparison = -1;
  }
  return comparison;
}

const result = lists.sort(sortObj);
console.log(result);
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 5

+4

Object.keys() で対象のキー一覧を取得して、キーがマッチするものを探せばよいです。
(キーの条件が複雑なら正規表現、簡単なら文字列系の関数で処理)

【Object.keys() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/08 16:04

    他の方のコードが何をやっているものなのか、リンク先のおかげでなんとなくわかりました。ありがとうございました。

    キャンセル

checkベストアンサー

+3

keyがどれか1つという事であれば下記ではどうでしょうか?

lists.sort((a,b) => (a.x_num || a.y_num || a.z_num) - (b.x_num || b.y_num || b.z_num))

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/08 14:03

    > 3種類の「x_num」「y_num」「z_num」があります。(必ずいずれかが存在します。)

    なので、これでいいのでは?

    キャンセル

  • 2019/08/08 14:04 編集

    otnさん
    確かに。見落としと拡大解釈でした。

    yamap_55さん
    失礼しました。

    キャンセル

  • 2019/08/08 16:03

    すごです。1行とわ。どうもありがとうございます。
    質問がわかりにくく混乱を招いてしまったようで、失礼いたしました。

    キャンセル

+2

3種類の「x_num」「y_num」「z_num」があります。

3種類しかないと分かってるなら
順番にアクセスすれば良いんじゃないですか?

x_numの中身の値が2と3なら2を先にしたいとかいう条件も加わるとするならば、
中身の値が0〜9999と仮定すれば10,000点でも加算すれば十分でしょうかね。

  • obj.x_num: "1": 10,000点加算して, 10001の数値として計算
  • obj.y_num: "2": 20,000点加算して, 20001の数値として計算
  • obj.z_num: "3": 30,000点加算して, 30001の数値として計算

存在しないキーは常にundefinedになるので、
undefinedか否かを検証するのにおすすめな書き方
obj.x_num == nullを使いましょう。

const a = {name: 'berry', x_num: '1' };
let scoreA = 0;
if (a.x_num != null) scoreA += 10000 + Number(a.x_num);
if (a.y_num != null) scoreA += 20000 + Number(a.y_num);
if (a.z_num != null) scoreA += 30000 + Number(a.z_num);
console.log(scoreA); // 10001

sortメソッドに突っ込む関数はreturn値が0, プラスの値, マイナスの値で分岐するので単純にreturn scoreA - scoreBで動作するはずです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/08 17:30

    すみません確認が遅くなりました。1つずつ書いていただいてわかりやすかったです。ありがとうございました。

    キャンセル

+1

無理やりやるとこんな感じです

const lists = [
  {name: 'berry', x_num: '1' },
  {name: 'apple', y_num: '3' },
  {name: 'melon', z_num: '2' }
];
var newLists=lists.map(x=>{
  Object.keys(x).forEach(y=>{
    if(y.match(/_num$/)){
      x.sort=x[y];
    }
  });
  return x;
}).sort((x,y)=>x.sort-y.sort).map(x=>{
  delete(x.sort);
  return x;
});
console.log(newLists);

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/08 16:05

    こちらならkeyが質問の3つだけでなくても対応できますね。ありがとうございます。じっくり読み解かせていただきます。

    キャンセル

0

  const genreA = a[Object.keys(a).find(x => x.endsWith('_num'))].toUpperCase();

  // jQuery
  let name = '';
  $.each(a, function(propertyName, value) {
    if (propertyName.endsWith('_num')) {
      name = propertyName;
      return true;
    }
  });
  const genreA = a[name].toUpperCase();


https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/find
https://api.jquery.com/jQuery.each/#jQuery-each-object-callback

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/09 01:25

    処理できるフルコードでいただけませんでしょうか。問題は他の方のご回答で解決しているのですがこのお答えが不明なので、それをいただければ自分で調べます。

    キャンセル

  • 2019/08/09 01:38

    To: kuroeanさん
    https://jsfiddle.net/m63hypbr/

    キャンセル

  • 2019/08/09 01:58

    To: key344さん
    余計なお手間とらせてしまってすみません。ご親切にありがとうございました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.48%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る