ホームページ バックエンド開発 PHPチュートリアル JavaScript での一般的な文字列操作関数と使用法

JavaScript での一般的な文字列操作関数と使用法

Nov 24, 2016 pm 02:57 PM
javascript

1. 文字列変換

文字列変換は最も基本的な要件であり、次の 3 つの方法のいずれかを使用できます。 :

var num= 19; // 19 var myStr = num.toString; // "19"
ログイン後にコピー

または、さらに単純:

2. 文字列の分割


文字列の分割は、次のような非常に便利な関数を提供します。返される文字列配列の最大長を表します。

3. 文字列の長さを取得する

文字列の長さは、次のように非常に簡単です:

4. クエリの部分文字列

多くの人は、これらの JavaScript メソッドを忘れているか、その具体的な使用方法を忘れています。その結果、質問を行うときに for ループをネストする必要があります。

最初の関数:indexOf は、文字列の先頭から検索し、見つからない場合は、対応する座標を返します。次のように:

var num= 19; // 19 var myStr = String(num); // "19"
ログイン後にコピー

2 番目の関数: lastIndexOf は、文字列の末尾から検索し、見つからない場合は、対応する座標を返します。以下のように:

var myStr = "I,Love,You,Do,you,love,me"; var substrArray = myStr .split(","); 
// ["I", "Love", "You", "Do", "you", "love", "me"]; var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];
ログイン後にコピー

上記 2 つの関数は、検索の開始位置を示す 2 番目のオプションのパラメーターも受け取ります。

5. 文字列の置換

一般的な質問では、文字列を検索して独自の文字列に置換するように求められることがよくあります。

var myStr = "I,Love,You,Do,you,love,me"; var myStrLength = myStr.length; //25
ログイン後にコピー

デフォルトでは、次の場合のみ置換されます。初めて見つけたときにグローバルに置き換えたい場合は、次のような通常のグローバル識別子を入力する必要があります:

var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
ログイン後にコピー

詳細については、http://www.w3school.com.cn/ を参照してください。 jsref/jsref_replace.asp

6. 指定された位置の文字またはその文字エンコード値を検索します

指定された位置にある文字を検索するには、次の関数を使用できます:

var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.lastIndexOf("you"); // 14
ログイン後にコピー

同様に、その兄弟関数の 1 つ

var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"
ログイン後にコピー

のような、対応する位置の値の文字エンコーディングを検索することです。

var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
ログイン後にコピー

7. 文字列接続


文字列接続操作は、次のような加算演算子を使用するだけで簡単です。

var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charAt(8);// "o",同样从0开始
ログイン後にコピー

concat 関数は、複数のパラメーターを持ち、複数の文字列を渡し、複数の文字列を結合できます。

8. 文字列のカットと抽出

文字列から抽出してカットするには、次の 3 つの方法があります。

1 つ目は、splice:


var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charCodeAt(8); //111
ログイン後にコピー
を使用します。このメソッドは、substr:

var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"
ログイン後にコピー

を使用します。最初と 2 番目のメソッドとの違いは、上記の結果に示されているように、substr の 2 番目のパラメーターがインターセプトされた文字列の最大長を表すことです。

9. 文字列の大文字と小文字の変換

大文字または小文字の文字列に変換するためによく使用される関数は次のとおりです:


var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"
ログイン後にコピー

10. 文字列のマッチング


文字列のマッチングには、正規表現についてのある程度の理解が必要な場合があります。まず match 関数を見てください:

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.slice(1,5);//",lov"
ログイン後にコピー

ご覧のとおり、match 関数は文字列に対して呼び出され、通常のパラメーターを受け取ります。 exec 関数を使用した 2 番目の例を見てみましょう:

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substring(1,5); //",lov"
ログイン後にコピー

これは単純です。正規表現と文字列の位置を変更するだけです。つまり、exec 関数が正規表現で呼び出され、パラメーターを渡します。文字列の。上記の 2 つのメソッドでは、一致した最初の文字列が返されます。一致が失敗した場合は、null が返されます。次のような同様のメソッド検索を見てみましょう。

var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substr(1,5); //",love"
ログイン後にコピー

見つかった一致した文字列のみが返されます。 . 添字、一致が失敗した場合は、-1 が返されます。

11. 文字列の比較

例:


のように、2 つの文字列を比較します。 Qunar.com のフロントエンドの筆記テストの問題を見てください。多くの子供たちがこの問題をやったことがあると思います。質問: getSuffix 関数を作成して、入力パラメータのサフィックス名を取得します。たとえば、abcd.txt と入力して txt を返します。私の答えを添付します:

var myStr = "I,love,you,Do,you,love,me"; var lowCaseStr = myStr.toLowerCase;
//"i,love,you,do,you,love,me"; var upCaseStr = myStr.toUpperCase;//"I,LOVE,YOU,DO,YOU,LOVE,ME"
ログイン後にコピー

結論
JavaScriptにはこれら以外の文字列操作関数があるべきだと思いますが、上に挙げたものはすべて非常に一般的に使用されるはずです。追加する必要がある場合は、お気軽に追加してください。これを見た後は、文字列で書かれた面接の質問に非常に冷静に直面できるようになると思います。


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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 JavaScript と WebSocket: 効率的なリアルタイム画像処理システムの構築 Dec 17, 2023 am 08:41 AM

JavaScript は Web 開発で広く使用されているプログラミング言語であり、WebSocket はリアルタイム通信に使用されるネットワーク プロトコルです。 2 つの強力な機能を組み合わせることで、効率的なリアルタイム画像処理システムを構築できます。この記事では、JavaScript と WebSocket を使用してこのシステムを実装する方法と、具体的なコード例を紹介します。まず、リアルタイム画像処理システムの要件と目標を明確にする必要があります。リアルタイムの画像データを収集できるカメラ デバイスがあるとします。

See all articles