ORELLYさんの初めてのJavascriptの参考書の中のオブジェクト配列のソートがうまく動かない

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
OREILLYさんの初めてのJavascriptという参考書で勉強をしているのですが、配列のソートで並び替えがうまくいきません。教科書と同じように書いているのですが、並び替えが変わりません。

該当のソースコード

let arr = [
    {name: "Suzanne"}, 
    {name: "Jim"}, 
    {name: "Trevor"}, 
    {name: "Amanda"},
];

console.log(arr);
arr.sort((a, b) => a.name > b.name);
console.log("------------");
console.log(arr);
arr.sort((a, b) => a.name[1] < b.name[1]);
console.log("------------");
console.log(arr);

//実行結果
[
  { name: 'Suzanne' },
  { name: 'Jim' },
  { name: 'Trevor' },
  { name: 'Amanda' }
]
------------
[
  { name: 'Suzanne' },
  { name: 'Jim' },
  { name: 'Trevor' },
  { name: 'Amanda' }
]
------------
[
  { name: 'Suzanne' },
  { name: 'Jim' },
  { name: 'Trevor' },
  { name: 'Amanda' }
]

//参考書の実行結果
[
  { name: 'Suzanne' },
  { name: 'Jim' },
  { name: 'Trevor' },
  { name: 'Amanda' }
]
------------
[
  { name: 'Amanda' },
  { name: 'Jim' },
  { name: 'Suzanne' },
  { name: 'Trevor' }
]
------------
[
  { name: 'Suzanne' },
  { name: 'Trevor' },
  { name: 'Amanda' },
  { name: 'Jim' }
]

補足情報（FW/ツールのバージョンなど）

node v17.2.0

Answer 1

本のほうが間違ってますね。そういうときはまずは正誤表があるか調べて、あれば当該箇所が記載されていないか確認するとよいかと思います。

• 初めてのJavaScript 第3版 —— ES2015以降の最新ウェブ開発 Ethan Brown著 武舎広幸＋武舎るみ訳

正誤表：https://www.marlin-arms.com/support/ljs3/errata.html

Comments

[integral_ys]

本が間違っているとは気づきませんでした...。
貼って頂いたURLを見て解決しました！ありがとうございます！

[退会済みユーザー]

コメントありがとうございます。
本が間違っていることは、ままあります。

ところで正誤表にある正のコードの、nameでソートする場合の

arr.sort((a, b) => a.name > b.name ? 1 : (a.name === b.name ? 0 : -1)); // nameでソート

というコードのsortに渡している比較関数は

(a, b) => a.name > b.name ? 1 : (a.name === b.name ? 0 : -1)

というもので、これでも意図したソートになりますが、二つの文字列を辞書順に比較するときに適したメソッドがあります。文字列の localeCompare というメソッドです。

MDN: String.prototype.localeCompare()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare

また、比較関数の引数部分は (a, b) で、a と b には配列要素のオブジェクトが入ってきますが、ここに分割代入を使って比較対象それぞれの name プロパティを取り出してそれらを a, b という名前の変数で取り出すことができます。

上記２点で修正すると、比較関数を以下のように書けます。

({name: a}, {name: b}) => a.localeCompare(b)

サンプル ???? https://codepen.io/kilesa/pen/wvrWEwg?editors=0012