1. ホーム
2. パソコン
3. javascript

【javascript】連想配列を昇順または降順に並び変えるsort() compareFunction()

投稿日 : 2022年11月01日 更新日 :

やりたいこと

展開

const array = [
  {
    name: "tanaka",
    age: 26,
  },
  {
    name: "sato",
    age: 36,
  },
  {
    name: "suzuki",
    age: 31,
  },
  {
    name: "yamada",
    age: 48,
  },
  {
    name: "akita",
    age: 24,
  },
];

Name	Age

昇順(Name) 昇順(Age)

連想配列（オブジェクト）を昇順にする関数

展開

function compareKyeAsc(a, b) {
  if (a.kye > b.kye) {
    return 1;
  }
  if (a.kye < b.kye) {
    return -1;
  }
  return 0;
}

連想配列（オブジェクト）を降順にする関数

展開

function compareKyeDesc(a, b) {
  if (a.kye > b.kye) {
    return -1;
  }
  if (a.kye < b.kye) {
    return 1;
  }
  return 0;
}

連想配列を昇順/降順に並び変える

展開

// 名前を基準に昇順
const arrAscName = Array.from(array).sort(compareNameAsc);

function compareNameAsc(a, b) {
  if (a.name > b.name) {
    return 1;
  }
  if (a.name < b.name) {
    return -1;
  }
  return 0;
}

// 名前を基準に降順
const arrDescName = Array.from(array).sort(compareNameDesc);

function compareNameDesc(a, b) {
  if (a.name > b.name) {
    return -1;
  }
  if (a.name < b.name) {
    return 1;
  }
  return 0;
}

// 年齢を基準に昇順
const arrAscAge = Array.from(array).sort(compareAgeAsc);

function compareAgeAsc(a, b) {
  if (a.age > b.age) {
    return 1;
  }
  if (a.age < b.age) {
    return -1;
  }
  return 0;
}

// 年齢を基準に降順
const arrDescAge = Array.from(array).sort(compareAgeDesc);

function compareAgeDesc(a, b) {
  if (a.age > b.age) {
    return -1;
  }
  if (a.age < b.age) {
    return 1;
  }
  return 0;
}

参考

【javascript】配列の並び替えreverse()とsort() 昇降順の並び替えの仕方

【javascript】連想配列をテーブルできれいに表示する方法