jQuery | 文字列から最初の1文字・最後の1文字を取得する方法

2021-06-03jQuery 文字列,jQuery

jQuery | 文字列から最初の1文字・最後の1文字を取得する方法

jQueryのslice()関数を使って文字列から最初の1文字や最後の1文字を取得する方法です。

See the Pen jQuery get first letter and last letter by yochans (@yochans) on CodePen.

slice()で最初の1文字を取得する方法

slice()の引数は先頭から数える場合は整数で「何文字目から」と「何文字」を引数で指定します。

最初の文字を取得する場合は0と1になります。日本語を含むマルチバイト文字も1で1文字となります。

また、string.slice(0,1)はstring[0]も同じ結果を返します。

let string = 'あいうえお';

console.log(string.slice(0,1));//あ
console.log(string[0]);//あ

取得する文字数を指定する

slice()は文字数を指定する事で最初の文字から指定した文字までを取得する事が可能です。

let string = 'あいうえお';

console.log(string.slice(0,3));//あいう

slice()で最後の1文字を取得する方法

slice()の引数に負の数をひとつ指定する事で、末尾から数えた文字から末尾までの文字を取得する事ができます。

今回は末尾一文字なので-1を指定します。

また、string.slice(-1)はstring[string.length -1]も同じ結果を返します。

let string = 'あいうえお';

console.log(string.slice(-1));//お
console.log(string[string.length -1]);//お