JavaScript は多用途な言語であり、文字列を操作するための関数が多数提供されています。文字列はあらゆるプログラミング言語において最も基本的なデータ型の 1 つであり、文字列を効率的に操作する方法を理解することで、コーディング スキルを大幅に向上させることができます。この記事では、JavaScript 文字列関数について詳しく説明し、習得に役立つ詳細な説明、例、コメントを提供します。

JavaScript の文字列の概要

JavaScript では、文字列はテキストを表すために使用される文字のシーケンスです。文字列は不変です。つまり、一度作成すると変更することはできません。代わりに、文字列操作により新しい文字列が作成されます。

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

文字列の作成

テンプレート リテラルの一重引用符、二重引用符、またはバックティックを使用して文字列を作成できます。

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

文字列のプロパティ

• length: 文字列の長さを返します。

let str = "JavaScript";
console.log(str.length); // Output: 10

文字列メソッド

1.charAt()

指定されたインデックスの文字を返します。

let str = "JavaScript";
console.log(str.charAt(0)); // Output: J

2. charCodeAt()

指定されたインデックスにある文字の Unicode を返します。

let str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74

3. concat()

2 つ以上の文字列を連結し、新しい文字列を返します。

let str1 = "Hello, ";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // Output: Hello, World!

4. include()

文字列に指定された値が含まれているかどうかを確認し、true または false を返します。

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

5.endsWith()

文字列が指定された値で終わるかどうかを確認し、true または false を返します。

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6.indexOf()

指定された値が最初に出現したインデックスを返します。見つからない場合は -1 を返します。

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

7. lastIndexOf()

指定された値が最後に出現したインデックスを返します。見つからない場合は -1 を返します。

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

8. match()

文字列を正規表現と照合するときに一致したものを取得します。

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9.repeat()

呼び出された文字列の指定された数のコピーを含む新しい文字列を返します。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "こんにちは!"; console.log(str.repeat(3)); // 出力: Hello!Hello!Hello!

10.replace()

文字列内の指定された値を別の値に置き換えます。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript は素晴らしいです!"; let newStr = str.replace("素晴らしい", "素晴らしい"); console.log(newStr); // 出力: JavaScript は素晴らしいです!

11. 検索()

指定された値の文字列を検索し、一致した位置を返します。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript は素晴らしいです!"; console.log(str.search("素晴らしい")); // 出力: 15

12.スライス()

文字列の一部を抽出し、新しい文字列として返します。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript"; console.log(str.slice(0, 4)); // 出力: Java

13. 分割()

指定された区切り文字に基づいて文字列を部分文字列の配列に分割します。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "Hello, World!"; let arr = str.split(", "); コンソール.ログ(arr); // 出力:

14.startsWith()

文字列が指定された値で始まるかどうかを確認し、true または false を返します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "Hello, World!"; console.log(str.startsWith("Hello")); // 出力: true

15. サブストリング()

指定された 2 つのインデックス間の文字列から文字を抽出します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.substring(0, 4)); // 出力: Java

16.toLowerCase()

文字列を小文字に変換します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toLowerCase()); // 出力: JavaScript

17.toUpperCase()

文字列を大文字に変換します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toUpperCase()); // 出力: JavaSCRIPT

18. トリム()

文字列の両端から空白を削除します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = " JavaScript "; console.log(str.trim()); // 出力: JavaScript

19. トリムスタート()

文字列の先頭から空白を削除します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = " JavaScript"; console.log(str.trimStart()); // 出力: JavaScript

20. トリムエンド()

文字列の末尾から空白を削除します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript "; console.log(str.trimEnd()); // 出力: JavaScript

21. 値の()

String オブジェクトのプリミティブ値を返します。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = new String("JavaScript"); console.log(str.valueOf()); // 出力: JavaScript

テンプレートリテラル

テンプレート リテラルを使用すると式を埋め込むことができるため、文字列の連結や複数行の文字列が簡単になります。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

名前 = "ジョン"; letgreeting = `こんにちは、${name}!調子はどうですか？ console.log(挨拶); // 出力: こんにちは、ジョン!元気ですか？

文字列.raw()

生のテンプレート文字列から作成された文字列を返し、書かれたままの生の文字列にアクセスできるようにします。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = String.raw`Hello\nWorld!`; コンソール.ログ(文字列); // 出力: Hello\nWorld!

実践例

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

関数 reverseString(str) { return str.split('').reverse().join(''); } console.log(reverseString("JavaScript")); // 出力: tpircSavaJ

function isPalindrome(str) {
    let cleanedStr = str.replace(/[\W_]/g, '').toLowerCase();
    return cleanedStr === cleanedStr.split('').reverse().join('');
}
console.log(isPalindrome("A man, a plan, a canal, Panama")); // Output: true

関数 isPalindrome(str) { CleanStr = str.replace(/[\W_]/g, '').toLowerCase(); return cleanStr === cleanStr.split('').reverse().join(''); } console.log(isPalindrome("男、計画、運河、パナマ")); // 出力: true

function capitalizeWords(str) {
    return str.split(' ').map(word => word.charAt(0).toUpperCase()   word.slice(1)).join(' ');
}
console.log(capitalizeWords("hello world")); // Output: Hello World

function CapitalizeWords(str) { return str.split(' ').map(word => word.charAt(0).toUpperCase() word.slice(1)).join(' '); } console.log(capitalizeWords("hello world")); // 出力: Hello World

結論

JavaScript 文字列関数を習得することは、効率的なテキスト操作とデータ処理にとって非常に重要です。連結やスライスなどの基本的な操作から、正規表現の一致やテンプレート リテラルなどのより高度な機能まで、JavaScript は文字列を操作するための豊富なツール セットを提供します。これらの関数を理解して活用することで、よりクリーンで効率的なコードを作成し、プログラミングの幅広い課題に取り組むことができます。

この包括的なガイドでは、JavaScript の最も重要な文字列関数を例と説明とともに取り上げています。これらの機能を練習し、さまざまな使用例を試して理解を深め、コーディングの熟練度を高めます。