JavaScriptの文字列とは何ですか?

May 21, 2023 am 10:22 AM

JavaScript 文字列とは何ですか?

Web フロントエンド開発の主要言語の 1 つである JavaScript は、さまざまなデータ型を非常に柔軟に処理でき、文字列もその 1 つです。この記事では、JavaScript 文字列の基本概念、使用法、一般的なメソッドを紹介します。

JavaScript 文字列とは何ですか?

JavaScript では、文字列は 0 個以上の文字のシーケンスです。文字列には、文字、数字、句読点、およびスペース、タブ、改行などの特殊文字を含めることができ、その長さは文字数に基づいて決定できます。文字列は、一重引用符、二重引用符、またはバックスラッシュを使用して定義および表現できます。

ここにいくつかの例があります:

//一重引用符を使用して文字列を定義します
var str1 = 'Hello World!';

//二重引用符を使用して文字列を定義します文字 String
var str2 = "Hello World!";

//バックスラッシュを使用して文字列を定義します
var str3 = "Hello
World!";

/ /複数行文字列
var str4 = `これは
複数行
文字列です!`;

JavaScript 文字列の使用法

JavaScript 文字列はさまざまな用途で使用できます。テキストの出力、他のタイプのデータの結合などの状況。文字列の使用例をいくつか示します。

//出力文字列
console.log("Hello World!");

//スプライシング文字列
var str1 = "Hello ";
var str2 = "World";
var result = str1 " " str2;
console.log(result); //「Hello World」を出力

/ /その他を変換データ型を文字列型に変換
var num = 123;
var str = num.toString(); //数値型を文字列型に変換

JavaScript string 共通メソッド

JavaScript 文字列 文字列を簡単に操作するために使用できる一般的なメソッドが多数あり、その一部を以下に紹介します。

  1. length メソッド

length メソッドは、文字列の長さ、つまり文字列に含まれる文字数を取得するために使用されます。

var str = "Hello World!";
console.log(str.length); //12を出力

  1. toUpperCaseメソッドとtoLowerCaseメソッド

toUpperCase メソッドは文字列内のすべての小文字を大文字に変換し、toLowerCase メソッドは文字列内のすべての大文字を小文字に変換します。

var str = "Hello World!";
console.log(str.toUpperCase()); //HELLO WORLD!
console.log(str.toLowerCase())を出力します。 /Output hello world!

  1. indexOf メソッドと lastIndexOf メソッド

indexOf メソッドは、文字列内の指定された文字または部分文字列の最初の出現と、lastIndexOf を検索するために使用されます。方法 最終出現位置を求める方法です。

var str = "Hello World!";
console.log(str.indexOf("o")); //出力 4
console.log(str.lastIndexOf("o") )); //出力 7

  1. スライス メソッドとサブストリング メソッド

スライス メソッドとサブストリング メソッドは両方とも、文字列内の指定されたサブストリングをインターセプトするために使用されます。

スライス メソッドのパラメータには、正の数または負の数を指定できます。正の数は文字列の先頭から数えることを意味し、負の数は文字列の終わりから数えることを意味します。 2 番目のパラメータを省略した場合、最初のパラメータの位置が文字列の末尾までインターセプトされることを意味します。

var str = "Hello World!";
console.log(str.slice(1, 5)); //出力「ello」
console.log(str.slice(- - 6)); //Output "World!"

部分文字列メソッドのパラメーターは正または負の値にすることもできますが、負の数値をパラメーターとして使用することはできません。2 番目のパラメーターを省略した場合は、次のことを意味します。パラメータは最初のパラメータからのもので、位置は文字列の末尾で切り捨てられます。

var str = "Hello World!";
console.log(str.substring(1, 5)); //出力「ello」
console.log(str.substring(6) )); //出力 "World!"

  1. replace メソッド

Thereplace メソッドは、文字列内の指定された文字または部分文字列を新しい文字または部分文字列に置き換えるのに使用されます。 。

var str = "Hello World!";
console.log(str.replace("World", "JavaScript")); //「Hello JavaScript!」を出力します。

概要

JavaScript 文字列は、0 個以上の文字のシーケンスであり、その長さはその文字数に基づいて決定できます。文字列は、一重引用符、二重引用符、またはバックスラッシュを使用して定義および表現できます。 JavaScript 文字列は、テキストの出力、他の種類のデータの結合など、さまざまな状況で使用できます。 JavaScript には、length、toUpperCase、toLowerCase、indexOf、lastIndexOf、slice、substring、replace など、文字列を簡単に操作できる一般的に使用されるメソッドが多数あります。

以上がJavaScriptの文字列とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Stock Market GPT

Stock Market GPT

AIを活用した投資調査により賢明な意思決定を実現

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

HTMLでタイムタグを使用する方法 HTMLでタイムタグを使用する方法 Sep 19, 2025 am 03:35 AM

theTagisusedusedusedtoredtateSandTimesInAmachine-readable-format whiledisplayinghuman-readabletext.2.itsupportsvariousdateTimedateTimedatincludingdateonly、timeonly、dateandtimewithtimezone、およびpartialdateSviateTributeTributedateTributedateTributedatedatedatedates

ブートストラップで進行状況バーを作成する方法 ブートストラップで進行状況バーを作成する方法 Sep 20, 2025 am 05:21 AM

.Progress Containerと.Progress-Bar要素を使用して基本的な進捗バーを作成し、Style = "width:50%;"から幅を設定します。 " ARIA属性を追加してアクセシビリティを向上させます。 2。「75%」などのテキストを直接追加して、.progress-barに進行状況タグを表示できます。 3. BGサクセス、BGWarning、BG-Danger、およびその他のクラスを使用して、異なる色を設定できます。 4.ストライプ効果を実現するために.Progress-Barストライプを追加し、.progress-bar-animatedを組み合わせてストライプを動的に動かす。 5。複数.Progr

JavaScriptの配列で最大値を取得する方法 JavaScriptの配列で最大値を取得する方法 Sep 21, 2025 am 06:02 AM

usemath.max(... array)forsmalltomediumarray; 2.usemath.max.apply(null、array)forbettercompatibility withlargearraysinolderenvironments;

HTMLでビデオをミュートする方法 HTMLでビデオをミュートする方法 Sep 17, 2025 am 03:24 AM

tomuteavideoinhtml、usethedbooleanattributeinthetag、whusilencestheaudiobydefault.2.fordynamiccontrol、usejavascripttosetv IDEO.MUTED = TrueOrfalse、ortoggleitwithvideo.muted =!video.mutedforinteractivemute/unmutefunctionality.3.combinemutedwithautopla

ブラウザのレンダリングパイプラインの実用的なガイド ブラウザのレンダリングパイプラインの実用的なガイド Sep 21, 2025 am 06:30 AM

BrowsErrenderswebpagesbyparsinghtmlandcs ssintothedomandcssom、themintoarendertreeを組み合わせて、PerforminglayoutttoculateElementGeometry、PaintingPixels、およびCompositingLayers.2.tooptimizeperforformance、minimizerenderenderenderenderenderendersourcesbyinlinginlinginlinginlingiccsan

JavaScriptの配列で最小値を取得する方法 JavaScriptの配列で最小値を取得する方法 Sep 20, 2025 am 05:18 AM

JavaScriptアレイで最小値を取得するには、最も一般的に使用される3つの方法があります。1。Math.min()および拡張演算子を使用します。これらは、Math.min(... numbers)などの中小サイズの数値アレイに適しています。 2。Math.min.Apply(null、numbers)を使用します。これは、古い環境では代替です。 3. array.reduce()を使用します。これは、numbers.reduceなどの追加の論理処理が必要な大きな配列または状況に適しています((min、current)=> current

HTMLにコメントを追加するにはどうすればよいですか? HTMLにコメントを追加するにはどうすればよいですか? Sep 21, 2025 am 06:42 AM

HTMLコメントは構文を使用し、ブラウザは内容を無視します。 1。次のような指示を追加するために使用されます。 2。次のようなコードを一時的にコメントできます。 3.マルチラインのコメントをサポートしますが、ネストすることはできません。使用することは避けられません - >コメントでは、コメントが事前に終了します。コメントはソースコードでのみ表示され、完全な文で終了します。

ブートストラップ崩壊の使用方法 ブートストラップ崩壊の使用方法 Sep 21, 2025 am 06:55 AM

ブートストラップのCSSファイルとJSファイルを導入し、CDNリンクを使用できることを確認してください。 2。基本的な崩壊効果を作成するときは、Data-BS-Toggle = "Collapse"とData-BSターゲット属性を使用して、トリガーボタンとターゲット要素を関連付けます。ターゲット要素は崩壊クラスを追加する必要があります。 3. HREF属性を使用してリンクを使用してボタンを置き換えて同じ関数を達成できます。HREF値は、ターゲット要素IDを指す必要があります。 4.複数の要素に同じクラス名を設定し、データ-BSターゲットを使用してクラスを指定することにより、ワンクリックで複数の折り畳み領域を同時に制御できます。 5。アコーディオン効果を作成するときは、アコーディオン容器と各折りたたみ面を使用します

See all articles