JavaScriptの文字列とは何ですか?
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 文字列 文字列を簡単に操作するために使用できる一般的なメソッドが多数あり、その一部を以下に紹介します。
- length メソッド
length メソッドは、文字列の長さ、つまり文字列に含まれる文字数を取得するために使用されます。
var str = "Hello World!";
console.log(str.length); //12を出力
- toUpperCaseメソッドとtoLowerCaseメソッド
toUpperCase メソッドは文字列内のすべての小文字を大文字に変換し、toLowerCase メソッドは文字列内のすべての大文字を小文字に変換します。
var str = "Hello World!";
console.log(str.toUpperCase()); //HELLO WORLD!
console.log(str.toLowerCase())を出力します。 /Output hello world!
- indexOf メソッドと lastIndexOf メソッド
indexOf メソッドは、文字列内の指定された文字または部分文字列の最初の出現と、lastIndexOf を検索するために使用されます。方法 最終出現位置を求める方法です。
var str = "Hello World!";
console.log(str.indexOf("o")); //出力 4
console.log(str.lastIndexOf("o") )); //出力 7
- スライス メソッドとサブストリング メソッド
スライス メソッドとサブストリング メソッドは両方とも、文字列内の指定されたサブストリングをインターセプトするために使用されます。
スライス メソッドのパラメータには、正の数または負の数を指定できます。正の数は文字列の先頭から数えることを意味し、負の数は文字列の終わりから数えることを意味します。 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!"
- 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 サイトの他の関連記事を参照してください。

ホットAIツール

Undress AI Tool
脱衣画像を無料で

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

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

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

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

.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

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

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

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

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

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

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