【JavaScript】文字列操作の基本まとめ(長さ取得・結合・検索・置換など)

JavaScript

はじめに

JavaScriptでは文字列を扱う場面が非常に多くあります。今回は、JavaScriptで文字列の操作方法から実務でよく使う便利なメソッドまで例を挙げながら記載していきます。

 

文字列の長さを取得

length

「length」を使用することで、文字列に含まれる文字数(長さ)を取得できます。スペースや記号もカウントされます。

 

let str = "こんにちは";
console.log(str.length); // 5

 

文字列を結合

+演算子

「+」演算子を使用することで、複数の文字列を1つにつなげることができます。

 

let a = "Hello, ";
let b = "World!";
console.log(a + b);           // "Hello, World!"

 

concat()

「concat()」を使用することで、複数の文字列を1つにつなげることができます。

 

let a = "Hello, ";
let b = "World!";
console.log(a.concat(b));     // "Hello, World!"

 

文字列のトリミング(空白削除)

trim()

「trim()」は文字列の先頭と末尾の余計なスペースを削除します。

 

let str = "  hello world  ";
console.log(str.trim()); // "hello world"

 

部分文字列を取得

slice()

文字列の一部だけを取り出したいときに使います。

 

let text = "JavaScript";
console.log(text.slice(0, 4));       // "Java"

 

substring()

文字列の一部だけを取り出したいときに使います。

 

let text = "JavaScript";
console.log(text.substring(4, 10));  // "Script"

 

特定の文字を検索

indexOf()

文字列中の特定の語句の位置を知りたいときに使います。

 

let str = "Hello, World";
console.log(str.indexOf("World"));    // 7

 

includes()

文字列中の特定の語句が存在するかを知りたい時に使用します。存在する場合「true」が返却されます。

 

let str = "Hello, World";
console.log(str.includes("apple")); // true

 

文字列の置換

replace()

文字列を別の内容に書き換えたいときに使います。

 

let str = "Hello, World";
console.log(str.replace("World", "Japan")); // "Hello, Japan"

 

文字列の分割

split()

文字列を特定の区切りで分割し、配列に変換します。

 

let data = "red,green,blue";
let colors = data.split(",");
console.log(colors); // ["red", "green", "blue"]

 

大文字・小文字の変換

toUpperCase()

文字列のすべてを大文字に変換します。

 

let str = "JavaScript";
console.log(str.toUpperCase()); // "JAVASCRIPT"

 

toLowerCase()

文字列のすべてを小文字に変換します。

 

let str = "JavaScript";
console.log(str.toLowerCase()); // "javascript"

 

最後に

JavaScriptの環境構築は、この記事を参照してみてください。
【JavaScript】VSCodeでJavaScriptを使用するための環境構築を実施する – SEもりのLog JavaScript

以上、ログになります。
これからも継続していきましょう!!

JavaScriptフロントサイド関連
おすすめIT本
良いコード/悪いコードで学ぶ設計入門

「ITエンジニア本大賞2023」技術書部門で大賞を受賞した本です。
・コードの可読性
・普段意識したほうが良いこと
・リファクタリング考え方
等、普段のコードを設計する際に意識することが書かれています。
コードのあるべき姿に迷ったら一度読んでみると良い本です。

仕組みと使い方がわかる Docker&Kubernetesのきほんのきほん

Dockerって何?となったときに私が最初に読んだ本です。
Dockerがどんな仕組みで動いているのか、コマンドでは何を命令しているのかを理解できるように、イラストを多用して説明しています。

1冊ですべて身につくJavaScript入門講座

「ITエンジニア本大賞2024」技術書部門で大賞を受賞した本です。
私が次に読もうと思っている本なのでおすすめとして挙げておきたいと思います。

コメント

タイトルとURLをコピーしました