文字列はJavaScriptの基本であり、テキストの保存と操作のための文字のシーケンスとして機能します。このチュートリアルでは、主要な文字列操作技術を探ります。
目次
文字列連結
文字列の結合は重要です。JavaScriptにはいくつかの方法があります。
1. +演算子: 最も単純な方法です。+演算子は文字列を直接連結します。
let str1 = "Hello";
let str2 = " World!";
let combined = str1 + str2; // combinedは"Hello World!"
console.log(combined);
2. テンプレートリテラル（バッククォート）: ES6で導入されたテンプレートリテラルは、特に変数を組み込む場合に可読性を向上させます。
let name = "Alice";
let greeting = `Hello, ${name}!`; // greetingは"Hello, Alice!"
console.log(greeting);
let age = 30;
let message = `My name is ${name}, and I am ${age} years old.`;
console.log(message);
テンプレートリテラルは、${expression}を使用して式を文字列にシームレスに埋め込み、コードの明瞭性を向上させます。
必須の文字列メソッド
JavaScriptは豊富な組み込み文字列メソッドを提供しています。
length: 文字列の長さ（文字数）を返します。toUpperCase(): 大文字に変換します。toLowerCase(): 小文字に変換します。substring(startIndex, endIndex): 部分文字列を抽出します（endIndexは除外されます）。slice(startIndex, endIndex):substringに似ていますが、負のインデックス（末尾からカウント）をサポートします。indexOf(searchValue, fromIndex): 値の最初の出現位置を見つけます。見つからない場合は-1を返します。lastIndexOf(searchValue, fromIndex): 値の最後の出現位置を見つけます。見つからない場合は-1を返します。replace(searchValue, newValue): 値の最初の出現箇所を置換します。replaceAll(searchValue, newValue): 値のすべての出現箇所を置換します。trim(): 両端の空白を削除します。split(separator): セパレータに基づいて文字列を部分文字列の配列に分割します。charAt(index): 特定のインデックスの文字を返します。charCodeAt(index): 特定のインデックスの文字のUnicode値を返します。
高度な文字列操作
基本を超えて、より高度なテクニックを探ります。
正規表現: 強力なパターンマッチングと操作には正規表現（regex）を使用します。match()、search()、replace()（最初の引数として正規表現を使用）、split()（セパレータとして正規表現を使用）などのメソッドは、複雑な文字列操作に役立ちます。
let str = "The quick brown fox jumps over the lazy dog.";
let result = str.match(/bw{5}b/g); // 5文字の単語をすべてマッチング
console.log(result); // 出力: ['quick', 'brown', 'jumps']
関数を使った文字列補間: 動的な文字列生成には、テンプレートリテラルと関数を組み合わせます。
function formatDate(date) {
return date.toLocaleDateString();
}
let today = new Date();
let message = `Today's date is: ${formatDate(today)}`;
console.log(message);