JavaScript における文字列操作の総合ガイド

JavaScript での文字列操作

文字列の操作は、JavaScript でテキストを操作する際の中核となる部分です。 JavaScript には、文字列の処理と変換のための豊富な組み込みメソッドとテクニックが用意されています。

---

1.文字列の作成

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

例:

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

---

2.一般的な文字列メソッド

A.文字列の長さを求める

.length プロパティは文字列内の文字数を返します。

const text = "JavaScript";
console.log(text.length); // Output: 10

B.キャラクターへのアクセス

括弧表記または .charAt() メソッドを使用して、個々の文字にアクセスできます。

const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

C.大文字と小文字を変更する

• .toUpperCase() は文字列を大文字に変換します。
• .toLowerCase() は文字列を小文字に変換します。

const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

D.部分文字列の検索

• .indexOf() は部分文字列の最初のインデックスを返します。見つからない場合は -1 を返します。
• .lastIndexOf() は文字列の末尾から検索します。

const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

E.部分文字列をチェックしています

• .includes() は部分文字列が存在するかどうかをチェックします (true または false を返します)。
• .startsWith() は、文字列が特定の部分文字列で始まるかどうかを確認します。
• .endsWith() は、文字列が特定の部分文字列で終わるかどうかを確認します。

const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

F.部分文字列の抽出

• .slice(start, end) は文字列の一部を抽出します。
• .substring(start, end) は .slice と同様に機能しますが、負のインデックスは受け入れられません。
• .substr(start, length) は、指定された長さの部分文字列を抽出します。

const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

G.文字列の分割

.split(delimiter) メソッドは、文字列を部分文字列の配列に分割します。

const single = 'Hello';
const double = "World";
const template = `Hello, ${double}!`; // Using template literals
console.log(template); // Output: Hello, World!

H.部分文字列の置換

• .replace(search, replace) は最初に出現したものを置き換えます。
• .replaceAll(search, replace) は、すべての出現箇所を置換します。

const text = "JavaScript";
console.log(text.length); // Output: 10

私。空白の削除

• .trim() は文字列の両端から空白を削除します。
• .trimStart() および .trimEnd() は、先頭または末尾から空白を削除します。

const str = "Hello";
console.log(str[0]); // Output: H
console.log(str.charAt(1)); // Output: e

---

3.高度な文字列操作

A.文字列を反転する

文字列を配列に変換し、配列を反転して、結合して文字列に戻すことで、文字列を反転できます。

const text = "JavaScript";
console.log(text.toUpperCase()); // Output: JAVASCRIPT
console.log(text.toLowerCase()); // Output: javascript

B.文字列の繰り返し

.repeat(count) メソッドは文字列を複数回繰り返します。

const text = "JavaScript is awesome!";
console.log(text.indexOf("is")); // Output: 11
console.log(text.lastIndexOf("a")); // Output: 3

C.パディング文字列

• .padStart(targetLength, PadString) は文字列の先頭を埋め込みます。
• .padEnd(targetLength, PadString) は文字列の末尾を埋め込みます。

const text = "Hello, world!";
console.log(text.includes("world")); // Output: true
console.log(text.startsWith("Hello")); // Output: true
console.log(text.endsWith("!")); // Output: true

---

4.テンプレートリテラル

テンプレート リテラルは、動的文字列を作成するためのより読みやすく簡潔な方法を提供します。

const text = "JavaScript";
console.log(text.slice(0, 4)); // Output: Java
console.log(text.substring(4, 10)); // Output: Script
console.log(text.substr(4, 6)); // Output: Script

---

5.概要

• 文字列操作は、JavaScript でテキスト データを処理および変換するために不可欠です。
• JavaScript には、文字列を検索、抽出、変換、書式設定するための多数のメソッドが用意されています。
• テンプレート リテラル、文字列反転、パディングなどの高度な機能により、JavaScript はテキストベースの操作に強力になります。

これらのテクニックをマスターすると、JavaScript アプリケーションで複雑なテキスト操作を処理できるようになります。

こんにちは、アバイ・シン・カタヤットです!
私はフロントエンドとバックエンドの両方のテクノロジーの専門知識を持つフルスタック開発者です。私はさまざまなプログラミング言語やフレームワークを使用して、効率的でスケーラブルでユーザーフレンドリーなアプリケーションを構築しています。
ビジネス用メールアドレス kaashshorts28@gmail.com までお気軽にご連絡ください。

以上がJavaScript における文字列操作の総合ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。