TypeScript - 文字列:入門ガイド
こんにちは、未来のプログラマーたち!今日は、TypeScriptの文字列の世界に興味深く飛び込んでみましょう。あなたの近所の親切なコンピュータ教師として、私はこの基本的な概念をガイドするためにここにいます。プログラミングの経験がなくても心配しないでください。我们从零から段階的に知識を築いていきます。で、お気に入りの飲み物を一杯取り、一緒に潜りましょう!
文字列とは?
TypeScriptの具体的内容に飛び込む前に、まず文字列とは何かを理解しましょう。プログラミングでは、文字列は文字のシーケンス、つまり単語、文、または全文であってもよいです。文字、数字、記号が一つずつ結びついた「文字列」と考えてください。
TypeScriptでの文字列の作成
TypeScriptでは、文字列を作成する方法がいくつかあります。最も一般的な方法を見てみましょう。
1. 単引用符を使用する
let greeting: string = 'Hello, World!';
console.log(greeting);
この例では、greeting
という文字列変数を作成し、'Hello, World!'という値を割り当てます。console.log()
関数はそれをコンソールに表示します。
2. 双引用符を使用する
let name: string = "Alice";
console.log(name);
これは前の例と同じことをしますが、双引用符を使用しています。TypeScriptでは、単引用符と双引用符は文字列には互換可能です。
3. バッククォート(テンプレートリテラル)を使用する
let age: number = 25;
let introduction: string = `My name is Alice and I am ${age} years old.`;
console.log(introduction);
ここで面白いことに!バッククォートを使用することで「テンプレートリテラル」を作成できます。これにより、age
変数などの式を直接文字列に埋め込むことができます。${}
シンタックスはage
の値を文字列に挿入するために使用されます。
文字列のプロパティ
文字列を作成したので、そのプロパティを見てみましょう。最も一般的に使用されるプロパティはlength
です。
let sentence: string = "The quick brown fox jumps over the lazy dog.";
console.log(sentence.length); // 出力: 44
length
プロパティは、文字列に含まれる文字の数(スペースと句読点を含む)を教えてくれます。文字列のサイズを知る必要があるときに非常に便利です。
文字列メソッド
TypeScriptの文字列には、 manipulationsや作業を楽にするために多くのビルトインメソッドが付いています。最も一般的に使用されるものを見てみましょう。
メソッド | 説明 | 例 |
---|---|---|
toLowerCase() | 全ての文字を小文字に変換 |
"HELLO".toLowerCase() // "hello" |
toUpperCase() | 全ての文字を大文字に変換 |
"hello".toUpperCase() // "HELLO" |
trim() | 文字列の両端から空白を削除 |
" hi ".trim() // "hi" |
substring(start, end?) | 文字列の一部を抽出 |
"hello".substring(1, 4) // "ell" |
replace(searchValue, replaceValue) | 文字列の発生を置換 |
"hello".replace("l", "L") // "heLlo" |
split(separator) | 文字列を複数のサブ文字列に分割 |
"a,b,c".split(",") // ["a", "b", "c"] |
これらを動作させる例を見てみましょう:
let str: string = " Hello, TypeScript! ";
// 小文字に変換
console.log(str.toLowerCase()); // " hello, typescript! "
// 大文字に変換
console.log(str.toUpperCase()); // " HELLO, TYPESCRIPT! "
// 空白を削除
console.log(str.trim()); // "Hello, TypeScript!"
// 文字列の一部を取得
console.log(str.substring(3, 8)); // "Hello"
// 文字列の一部を置換
console.log(str.replace("TypeScript", "World")); // " Hello, World! "
// 文字列を分割
console.log(str.trim().split(",")); // ["Hello", " TypeScript!"]
これらのメソッドはすべて新しい文字列を返し、元の文字列は変更されません。これはプログラミングにおける「不変性」という重要な概念です。
実用的な例
基本をカバーしたので、文字列操作がどのように役立つか現実の例を見てみましょう。
1. ユーザー入力の検証
ユーザー登録フォームを作成し、ユーザー名に前後の空白が含まれていないことを確認したいとします:
function validateUsername(username: string): string {
return username.trim();
}
let input: string = " alice_smith ";
let cleanUsername: string = validateUsername(input);
console.log(cleanUsername); // "alice_smith"
2. シンプルな検索関数の作成
与えられた単語が文の中にあるかどうかを確認する関数を作成しましょう:
function searchWord(sentence: string, word: string): boolean {
return sentence.toLowerCase().includes(word.toLowerCase());
}
let text: string = "The quick brown fox jumps over the lazy dog";
console.log(searchWord(text, "fox")); // true
console.log(searchWord(text, "cat")); // false
この関数は、文と検索単語を小文字に変換して、大文字と小文字の区別なく検索します。
3. 名前のフォーマット
姓と名が別々の入力として提供された場合に、全文をフォーマットする関数:
function formatName(firstName: string, lastName: string): string {
return `${firstName.charAt(0).toUpperCase()}${firstName.slice(1).toLowerCase()} ${lastName.toUpperCase()}`;
}
console.log(formatName("john", "doe")); // "John DOE"
この関数は、名前の最初の文字を大文字にし、残りを小文字にし、姓を全て大文字にします。
結論
おめでとうございます!あなたはTypeScriptの文字列の世界への第一歩を踏み出しました。文字列の作成方法、そのプロパティ、そして最も一般的な操作メソッドをカバーしました。心に留めておいてください、練習は完璧を生みます。ですから、これらの例を手にとって、変更してみてください。もしかしたら、新しい興味深いことを発見するかもしれません!
codingを続け、好奇心を持ち続け、覚えておいてください:プログラミングの世界では、エラーメッセージは新しい学習機会の変装をしたものです。幸せなcodingを!
Credits: Image by storyset