JavaScriptで文字列を大文字/小文字に変換する方法を現役エンジニアが解説

JavaScriptの文字列をすべて小文字に変換する方法

String.prototype.toLowerCase() メソッドは、文字列をすべて小文字に変換します。

const str = "JavaScript";
const lowerCaseStr = str.toLowerCase();

console.log(lowerCaseStr); // "javascript"

String.prototype.replace() メソッドは、文字列内の特定のパターンを別の文字列に置き換えます。

const str = "JavaScript";
const lowerCaseStr = str.replace(/[^a-z]/g, "");

console.log(lowerCaseStr); // "javascript"

ループを使って、文字列内の各文字を小文字に変換することもできます。

const str = "JavaScript";
let lowerCaseStr = "";

for (let i = 0; i < str.length; i++) {
  lowerCaseStr += str.charAt(i).toLowerCase();
}

console.log(lowerCaseStr); // "javascript"

• toLowerCase() メソッドは、最もシンプルで効率的な方法です。
• replace() メソッドは、大文字と小文字以外の文字も変換したい場合に便利です。
• ループは、より複雑な変換を行う場合に便利です。

注意点

• toLowerCase() メソッドは、ロケールによって動作が異なる場合があります。
• replace() メソッドは、正規表現を使用するため、複雑なパターンを指定する場合は注意が必要です。
• ループは、他の方法よりも処理速度が遅くなる可能性があります。

JavaScriptで文字列をすべて小文字に変換するには、いくつかの方法があります。 それぞれの方法のメリットとデメリットを理解して、状況に合わせて適切な方法を選択してください。

String.prototype.toLowerCase() メソッドを使う

const str = "JavaScript";
const lowerCaseStr = str.toLowerCase();

console.log(lowerCaseStr); // "javascript"

String.prototype.replace() メソッドを使う

const str = "JavaScript";
const lowerCaseStr = str.replace(/[^a-z]/g, "");

console.log(lowerCaseStr); // "javascript"

ループを使う

const str = "JavaScript";
let lowerCaseStr = "";

for (let i = 0; i < str.length; i++) {
  lowerCaseStr += str.charAt(i).toLowerCase();
}

console.log(lowerCaseStr); // "javascript"

JavaScriptの文字列をすべて小文字に変換する他の方法

String.fromCharCode() メソッドは、Unicode コードポイントから文字列を作成します。

const str = "JavaScript";
const lowerCaseStr = Array.from(str).map(char => String.fromCharCode(char.charCodeAt(0) | 0x20)).join("");

console.log(lowerCaseStr); // "javascript"

ライブラリを使う

Lodashなどのライブラリを使用すると、より簡単に文字列をすべて小文字に変換することができます。

const _ = require("lodash");

const str = "JavaScript";
const lowerCaseStr = _.toLower(str);

console.log(lowerCaseStr); // "javascript"

テンプレートリテラルを使用すると、文字列をより簡単に変換することができます。

const str = "JavaScript";
const lowerCaseStr = `${str.toLowerCase()}`;

console.log(lowerCaseStr); // "javascript"