JavaScript文字列操作 チートシート

const str = 'こんにちは';
const char = str.charAt(2); // 'に'

const str = 'ABC';
const code = str.charCodeAt(1); // 66 (Bのコード)

const emoji = '😄'; // サロゲートペア
const codePoint = emoji.codePointAt(0); // 128516
const char = String.fromCodePoint(codePoint); // '😄'

const str = 'ABC';
const codePointA = str.codePointAt(0); // 65

const str = 'いろは';
const char = str[1]; // 'ろ'

const str = 'JavaScript';
str.slice(0, 4); // 'Java'
str.slice(4);    // 'Script'
str.slice(-6);   // 'Script' (末尾から6文字)
str.slice(2, -2); // 'vaScri'

const str = 'Mozilla';
str.substring(1, 3); // 'oz'
str.substring(3, 1); // 'oz' (引数が逆でもOK)
str.substring(3);    // 'illa'
str.substring(3, -2); // 'Moz' (負の値は0として扱われる)

const str = 'Web Browser';
str.substr(4, 7); // 'Browser' (4番目から7文字)
str.substr(4);    // 'Browser' (4番目から最後まで)
str.substr(-7);   // 'Browser' (末尾から7文字目以降)

const str = '青い空と海';
str.includes('空'); // true
str.includes('山'); // false
str.includes('空', 3); // false (3番目以降に'空'はない)

const str = 'パンケーキとパン';
str.indexOf('パン'); // 0
str.indexOf('パン', 1); // 6 (1番目以降で検索)
str.indexOf('ケーキ'); // 2
str.indexOf('ドーナツ'); // -1

const str = 'パンケーキとパン';
str.lastIndexOf('パン'); // 6
str.lastIndexOf('パン', 5); // 0 (5番目以前で検索)
str.lastIndexOf('ケーキ'); // 2
str.lastIndexOf('ドーナツ'); // -1

const str = '今日の天気は晴れ';
str.startsWith('今日'); // true
str.startsWith('天気'); // false
str.startsWith('天気', 3); // true (3番目から始まるか)

const str = '今日の天気は晴れ';
str.endsWith('晴れ'); // true
str.endsWith('天気'); // false
str.endsWith('天気', 6); // true (最初の6文字が'天気'で終わるか)

const str = 'Apple Banana Orange';
str.search(/Banana/); // 6
str.search(/apple/i); // 0 (iフラグで大文字小文字無視)
str.search(/Grape/); // -1
str.search(/[A-Z]/); // 0 (最初の大文字)

const str = 'Neko neko Nyanko';
str.match(/neko/);
// ['neko', index: 5, input: 'Neko neko Nyanko', groups: undefined]

str.match(/neko/i); // gフラグなし: 最初の一致のみ
// ['Neko', index: 0, input: 'Neko neko Nyanko', groups: undefined]

str.match(/neko/ig); // gフラグあり: 全ての一致
// ['Neko', 'neko']

str.match(/inu/); // null

const str = 'Test1 Test2 Test3';
const regexp = /Test(\d)/g; // gフラグ必須
const matches = str.matchAll(regexp);

for (const match of matches) {
  console.log(match);
}
// ['Test1', '1', index: 0, ...]
// ['Test2', '2', index: 6, ...]
// ['Test3', '3', index: 12, ...]

const str = 'リンゴとバナナ、そしてリンゴ';

// 文字列で置換 (最初のみ)
str.replace('リンゴ', 'オレンジ');
// 'オレンジとバナナ、そしてリンゴ'

// 正規表現で置換 (最初のみ)
str.replace(/リンゴ/, 'オレンジ');
// 'オレンジとバナナ、そしてリンゴ'

// 正規表現とgフラグで全て置換
str.replace(/リンゴ/g, 'オレンジ');
// 'オレンジとバナナ、そしてオレンジ'

// 関数で置換
str.replace(/リンゴ/g, (match) => match.toUpperCase());
// 'リンゴとバナナ、そしてリンゴ' (例: 大文字化)

const str = 'abc abc abc';

// 文字列で全て置換
str.replaceAll('abc', 'xyz');
// 'xyz xyz xyz'

// 正規表現で全て置換 (gフラグ必須)
str.replaceAll(/abc/g, 'xyz');
// 'xyz xyz xyz'

// str.replaceAll(/abc/, 'xyz'); // エラー (gフラグがない)

// 関数で全て置換
str.replaceAll('abc', (match) => match.toUpperCase());
// 'ABC ABC ABC'

const str = 'apple,banana,orange';
str.split(','); // ['apple', 'banana', 'orange']

const words = 'Hello World';
words.split(' '); // ['Hello', 'World']

const chars = 'abc';
chars.split(''); // ['a', 'b', 'c']

const csv = 'one,two,three,four';
csv.split(',', 2); // ['one', 'two'] (limit=2)

'A|B| C'.split(/\|\s*/); // ['A', 'B', 'C'] (正規表現)

const arr = ['apple', 'banana', 'orange'];
arr.join(); // 'apple,banana,orange' (デフォルトはカンマ)
arr.join(''); // 'applebananaorange'
arr.join(' / '); // 'apple / banana / orange'

['a','b','c'].join(''); // 'abc' (split('')の逆操作)

const str = 'Hello World!';
str.toLowerCase(); // 'hello world!'

const str = 'Hello World!';
str.toUpperCase(); // 'HELLO WORLD!'

const str = 'İstanbul'; // トルコ語の I
// ロケール指定なし (環境依存)
str.toLocaleLowerCase();

// トルコ語ロケール指定
str.toLocaleLowerCase('tr-TR'); // 'istanbul' (ドット付きの i)

const str = 'istanbul'; // トルコ語の i
// ロケール指定なし (環境依存)
str.toLocaleUpperCase();

// トルコ語ロケール指定
str.toLocaleUpperCase('tr-TR'); // 'İSTANBUL' (ドット付きの İ)

const str = '   Hello World!   ';
str.trim(); // 'Hello World!'

const str = '   Hello World!   ';
str.trimStart(); // 'Hello World!   '

const str = '   Hello World!   ';
str.trimEnd(); // '   Hello World!'

const str = '5';
str.padStart(3, '0'); // '005'

const id = 'abc';
id.padStart(5); // '  abc' (デフォルトはスペース)
id.padStart(5, 'x'); // 'xxabc'

'12345'.padStart(3, '0'); // '12345' (既に長い場合はそのまま)

const str = 'abc';
str.padEnd(5, '.'); // 'abc..'

const price = '100';
price.padEnd(6, ' yen'); // '100 ye' (必要な部分だけ)
price.padEnd(5); // '100  ' (デフォルトはスペース)

'a'.localeCompare('b'); // -1 or -2 (aはbより前)
'b'.localeCompare('a'); // 1 or 2 (bはaより後)
'a'.localeCompare('a'); // 0 (同じ)

// ドイツ語での比較 (ウムラウトの扱い)
'ä'.localeCompare('z', 'de'); // -1 (äはzより前)

// 大文字小文字を無視して比較
'A'.localeCompare('a', 'en', { sensitivity: 'base' }); // 0

const str1 = 'Hello';
const str2 = ' ';
const str3 = 'World!';
str1.concat(str2, str3); // 'Hello World!'

'A'.concat('B', 'C'); // 'ABC'

const str1 = 'Java';
const str2 = 'Script';
const combined = str1 + str2; // 'JavaScript'

const name = 'User';
const score = 100;
const message = 'Name: ' + name + ', Score: ' + score;
// 'Name: User, Score: 100'

const name = 'Alice';
const age = 30;

const greeting = `こんにちは、${name}さん。
あなたは ${age} 歳ですね。`;
/*
こんにちは、Aliceさん。
あなたは 30 歳ですね。
*/

const a = 5;
const b = 10;
const sumMsg = `合計は ${a + b} です。`; // 合計は 15 です。

'abc'.repeat(3); // 'abcabcabc'
'テスト'.repeat(2); // 'テストテスト'
'hoge'.repeat(0); // ''
' '.repeat(5); // '     '

const name1 = '\u0041\u030A'; // A + リング (合成文字)
const name2 = '\u00C5'; // Å (合成済み文字)

name1 === name2; // false
name1.normalize('NFC') === name2; // true (NFC: 合成)
name1.normalize('NFD') === name1; // true (NFD: 分解)
name2.normalize('NFD') === name1; // true

const strObj = new String('Hello');
strObj.toString(); // 'Hello'

const primitiveStr = 'World';
primitiveStr.toString(); // 'World' (プリミティブでも呼べる)

const strObj = new String('Test');
strObj.valueOf(); // 'Test'

const primitiveStr = 'Example';
primitiveStr.valueOf(); // 'Example'