プレゼンテーションシナリオ: スライド38、40

スライド38と40では、JavaScript Stringsについて説明します。

String（文字列）は、JavaScriptのプリミティブ型（primitive）のデータ型です。文字列はテキスト（text）を表現するために使用します。

シングルクォート'...'、ダブルクォート"..."、またはテンプレートリテラル<code>...</code>で囲まれます。

例：

let text1 = "Hello";
let text2 = 'World';
let text3 = `Xin chào, ${str1} ${str2}!`; // template literal + interpolation

重要な特徴

文字列は不変（immutable）です：既存の文字列内の文字を変更することはできず、新しい文字列を作成する必要があります。つまり、JavaScriptで文字列を作成すると、その文字列内の文字を直接変更することはできません。

インデックス（index）を使用して文字にアクセスできます：

let text = "JavaScript";
console.log(text[0]); // "J" (変数textの最初の文字を出力)
text[0] = "X";  // 最初の文字を"X"に変更しようとする
console.log(text); // まだ"JavaScript"が出力される

このように、最初の文字を変更しようとしても、文字列は変更されません。

文字列処理の基本的な例：

空白の削除:

let text = "  Apple, Banana, Kiwi  ";
console.log(text.trim());
// "Apple, Banana, Kiwi"

文字列を配列に分割:

let fruits = text.split(",");
console.log(fruits);
// ["  Apple", " Banana", " Kiwi  "]

最初の要素にアクセス:

console.log(fruits[0].trim());
// "Apple"

文字列が"Apple"で始まるかチェック:

console.log(text.trim().startsWith("Apple"));
// true

文字列の長さを取得:

let text = "Hello World";
console.log(text.length);
// 11

文字列の一部を抽出:

console.log(text.slice(0, 5));
// "Hello"

大文字に変換:

console.log(text.toUpperCase());
// "HELLO WORLD"

部分文字列を置換:

console.log(text.replace("World", "JS"));
// "Hello JS"

文字列に部分文字列が含まれているかチェック:

console.log(text.includes("Hello"));
// true

JavaScript Stringsの詳細については、w3schoolのJS Stringsセクションを参照してください。