StringとArrayの.atメソッドの対応

[azu]

Array.prototype.at

https://jsprimer.net/basic/array/

配列の末尾の要素へアクセスするには、array[array.length - 1]というlengthプロパティを使う必要がありました。
arrayを2回書く必要があるなど、末尾の要素へのアクセスは少し手間が必要になっていました。

この問題を解決するためES2022では、相対的なインデックスの値を指定して配列の要素へアクセスできるArray.prototype.atメソッドが追加されました。
Arrayのatメソッドは、配列[インデックス]とよく似ていますが、引数には相対的なインデックスの値を引数として渡せます。.at(0)なら配列の先頭の要素へ、.at(-1)なら配列の末尾の要素へアクセスできます。

const array = ["a", "b", "c"];
// 先頭の要素にアクセス
console.log(array.at(0)); // => "a"
console.log(array[0]); // => "a"
// 後ろから1つ目の要素にアクセス
console.log(array.at(-1)); // => "c"
console.log(array[array.length - 1]); // => "c"

String.prototype.at

https://jsprimer.net/basic/string/

配列と同じく文字列にも相対的なインデックスの値を指定して文字へアクセスできるString.prototype.atが追加されました。

const str = "文字列";
console.log(str.at(0)); // => "文"
console.log(str.at(1)); // => "字"
console.log(str.at(2)); // => "列"
console.log(str.at(-1)); // => "列"

変更点

• Array.prototype.atの追加
  • https://deploy-preview-1392--js-primer.netlify.app/basic/array/#array-at
• String.prototype.atの追加
  • https://deploy-preview-1392--js-primer.netlify.app/basic/string/#string-at
• get first()とget last() にatメソッドを使うように変更
  • https://deploy-preview-1392--js-primer.netlify.app/basic/class/#extends-built-in

fix #1367

cc @mongolyy

[bot-user]

✔️ Deploy Preview for js-primer ready!

🔨 Explore the source changes: 5e376ba

🔍 Inspect the deploy log: https://app.netlify.com/sites/js-primer/deploys/6207b7c54d43f30007ec56cd

😎 Browse the preview: https://deploy-preview-1392--js-primer.netlify.app

[azu]

array[-1] の話 微妙に唐突な感じがして入らないかもしれない…

[azu]

class/README.mdの方で同じコードがあってそっちでテストできてるので入らなそうだった。

[mongolyy]

お疲れさまです！ありがとうございます！
すごく細かいところですが、一点だけコメントいたしました！

[mongolyy]

.at(-2)などの挙動を説明するためにも、String.prototype.at と同様に

`-1`のようにマイナスのインデックスを渡した場合は、末尾から数えた位置の文字へアクセスできます。

の記述を加えてもいいかもしれないと、思いました。
（azuさんがissueで言及されているように、.at(-1） しか使われないようにも思えますが、念の為 😅 ）

[azu]

ありがとうございます！

`.at(0)`や`.at(1)`などのように0以上のインデックスを渡した場合は、`配列[インデックス]`と同じく指定した位置の要素へアクセスできます。
一方で、`.at(-1)`のようにマイナスのインデックスを渡した場合は、末尾から数えた位置の要素へアクセスできます。

という感じにしました。