More than 3 years have passed since last update.

JavaScriptの文字列のメソッド

Posted at 2021-11-20

#概要
Rubyを学んできて、JSにも手を出し始めた。文字列メソッドに関して違いがあったのでこちらに備忘録として書いていく。

##文字列の長さを調べる
ただ length プロパティを使用すればよいので、とても簡単

let browserType = 'mozilla';
browserType.length;

##特定の文字列を扱う
前の例と関連しているが、文字列に対して角括弧記法を使用することで文字列中の任意の 1文字が得られる。

browserType[0];
=>"m"

文字列の一番最後の文字を取得したいときは、先ほどの length プロパティと組み合わせてt次のようにする

browserType[browserType.length-1];
=>"a"

##部分文字列を探して抽出する
長い文字列の中に、ある文字列が存在するか調べたいとき、探したい部分文字列を引数に取る indexOf() メソッドを使用する。

browserType.indexOf('zilla');
=> 2 #部分文字列"zilla"の開始位置が 2 (0、1、2 — つまり 3文字目)で 
      あるから。
     #見つからなかった場合は-1を返す。

##slice() メソッド
その文字列のどこから始まるかが分かっており、どこで終わっているかがわかれば、その部分文字列をslice() メソッドを使用することで抽出する。

browserType.slice(0,3);
=>'moz'

browserType.slice(2);
=>'zilla'

・最初の引数は抽出を始める最初の位置
・第2引数は抽出する最後の文字の直後の位置（この場合先頭から 4番目の
手前までの文字列が切り出されている）
・第２引数がない場合は第１引数（この場合は2文字目）から残りの文字列
　をすべて返す。

##大文字、小文字の切り替え

let radData = 'My NaMe Is MuD';
radData.toLowerCase();
=>'my name is mud'
let radData = 'My NaMe Is MuD';
radData.toUpperCase();
=>'MY NAME IS MUD'

##文字列の一部分を書き換える
replace()メソッドを使用することで、ある部分文字列を他の文字列に置き換えることができる。

browserType.replace('moz','van');
=>'vanilla'

この場合、第1引数の'moz'を第2引数の'van'に置き換えている。

##おわりに
最後まで読んでいただきありがとうございました。