文字列から指定された文字を削除または抽出する JavaScript メソッド (非常によく使用されます)

文字列から指定された文字を削除または抽出する JavaScript メソッド (非常によく使用されます)

1. 部分文字列()

このメソッドは、(文字列) 内の指定された 2 つの添え字間の文字を抽出するために使用されます。

a = "1,2,3"とします。
document.write(a.substring(2,a.Length))
//最初のパラメータは、現在の添え字0を含む添え字0の文字から始まります。
//2 番目のパラメータは、現在の添え字を除く添え字の文字で終わります。デフォルトでは、文字列から抽出される部分文字列の最後の文字の添え字位置より +1 長くなります。
 
// 2 番目の添え字から合計長 + 1 まで切り捨て、結果出力は次のようになります: 2,3

2. サブストラクチャ()

このメソッドは、文字列内の指定された文字数までの添え字から文字を抽出できます。

var str="こんにちは!";
var n = str.substr(2,3)
// 添え字2の文字から3文字を抽出し、出力結果は次のようになります: llo

3.インデックス()

このメソッドは、文字列内で指定された文字列値が最初に出現する位置を返します。一致するものが見つからない場合は -1 を返します。

var str="サイトを実行";
var n = str.indexOf("a");
// パラメータを 1 つだけ指定した場合、クエリは先頭から開始され、検索する文字列値を指定し、クエリの後の指定されたインデックスを返します // 2 番目のパラメータは、文字列内で検索を開始する位置 (入力インデックスを含む) を指定し、クエリの後の指定されたインデックスを返します // 出力結果は次のとおりです: 3

4.最後のインデックス()

このメソッドは、指定された文字列値が最後に出現した位置を返します。一致する文字列が見つからない場合は -1 を返します。

var str="サイトを実行";
var n = str.lastIndexOf("a",3);
// パラメータを 1 つだけ指定すると、クエリは最後から開始して前方に進みます。クエリの後に、指定されたインデックスが返されます。 // 2 番目のパラメータは、前方にクエリする添え字番号 (入力添え字を含む) の文字です。クエリの後に、指定されたインデックスが返されます。 // 出力結果: 3
 
 
//上記と組み合わせて(最後の文字を返す)
str = str.substring(0, str.lastIndexOf('e')) とします。

5.置換()

このメソッドは、文字列内の一部の文字を他の文字に置き換えたり、正規表現に一致する部分文字列を置き換えたりするために使用されます。

var str="みなさんこんにちは!";
var n = str.replace("大きい","小さい");
//出力結果は次のとおりです: Hello, little family!
 
 
// 正規表現を使用して置き換えることもできます var str="everyone is so big";
var n=str.replace(/大/g,"小"); //g はグローバル置換です //出力結果は: 小家好小 //文字列を削除するには、2 番目のパラメーターを空に設定します var str="大家好大";
var n=str.replace(/大/g,""); //g はグローバル置換です //出力結果は次のようになります: 家好

傍受された後に文字をつなぎ合わせる必要がある場合もありますが、これは次のように行うことができます。

var str="こんにちは世界!"
var items = str.split("ll") // ["he", "oWorld!"]
//配列が返されます。items 配列には、ll で区切られた複数の文字列が含まれます (ll は除く)
var newStr=items.join(""); // heoWorld!
//join() は空の文字列を使用して、配列内の配列を新しい文字列に接続します。引用符がない場合、デフォルトではコンマが区切り文字として使用されます。

補充:

  • slice(start, end)メソッドは文字列の一部を抽出し、抽出した部分を新しい文字列として返します。抽出する文字列の部分を指定するには、 start (含む) およびend (含まない) パラメータを使用します。負の数を渡すと、末尾から抽出することになります。
  • includes()メソッドは、文字列に指定された部分文字列が含まれているかどうかを判断するために使用されます。一致する文字列が見つかった場合はtrueを返し、そうでない場合はfalseを返します。
  • search()メソッドは、文字列内の指定された部分文字列を検索したり、正規表現に一致する部分文字列を検索するために使用されます。
  • match()メソッドは、文字列内で指定された値を検索するか、1 つ以上の正規表現に一致するものを見つけます。
  • test()メソッドは、文字列で指定された値を取得するために使用されます。 true または false を返します。
  • exec()メソッドは、文字列内の正規表現の一致を取得するために使用されます。一致する結果を含む配列を返します。一致するものが見つからない場合、戻り値は null になります。

以上で、 JavaScriptを使って文字列から特定の文字を削除または抽出する方法(非常によく使われる)についての記事は終了です。JavaScript を使って文字列から特定の文字を削除または抽出する方法の詳細については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript データ型変換の例 (他の型を文字列、数値型、ブール型に変換する)
  • JavaScript 文字列操作の 4 つの実用的なヒント

<<:  MySQLの手順を完全に削除する

>>:  フロントエンドインタビューに必要なホモロジーとクロスドメインの詳細な説明

推薦する

Linux 上での MySQL データベースのインストールと Java プロジェクトの構成に関する詳細なグラフィック説明

1. MySQLデータベースをインストールする① ダウンロードして解凍し、/opt/softディレク...

Linuxでホスト名を変更する方法

1. 現在のホスト名を表示する [root@fangjian ~]# ホスト名ctl 静的ホスト名:...

Vue 親コンポーネントが子コンポーネント関数の実装を呼び出す

Vue親コンポーネントは子コンポーネントの関数を呼び出す親コンポーネントはイベントを通じて子コンポー...

MySQL のデータベース パフォーマンスに影響を与える要因の説明

データベースのパフォーマンスに関する話面接では、「データベースにどのくらい精通していますか?」など、...

Centos8.2 クラウド サーバー環境に Tomcat8.5 をインストールするための詳細なチュートリアル

Tomcatをインストールする前に、まずJDK環境をインストールしてくださいLinux サーバー上で...

HTML+CSS+jQuery はスクリーンショットで検索ホットリストタブ効果を模倣します

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

html-cssタグのスタイル設定が機能しない2つの理由

1 セミコロン「;」のない CSS スタイル2 タグが閉じられておらず、「>」がありません...

vue3 を使用したジグソーパズルゲームのリファクタリングの例

序文プロジェクト内のパズルゲーム(デジタル華容路とも呼ばれる)を再構築するのに 2 日かかりました。...

MySQL ログインおよび終了コマンドの形式

mysql ログインのコマンド形式は次のとおりです。 mysql -h [hostip] -u [ユ...

CSS3 のエラスティック レイアウトでの em の使用の概要: 1em は何ピクセルですか?

私は長い間 CSS を使用してきましたが、Web 要素の関連属性を設定するために常に「px」を使用し...

MySQL での Join の使用に関する詳細な説明

前の章では、1 つのテーブルからデータを読み取る方法を学習しました。これは比較的簡単ですが、実際のア...

JavaScript 配列メソッド - 体系的な概要と詳細な説明

目次一般的な配列メソッド配列要素の追加と削除配列ヘッダーの操作配列の末尾を操作する任意の場所に追加ま...

node.js が大規模プロジェクトに適さない理由

目次序文1. アプリケーションコンポーネント2. アプリケーションの種類3. アプリケーションサービ...

ミニプログラム録画機能の実装

序文ミニプログラムを開発する過程では、録音機能を実装し、録音を再生し、録音をサーバーにアップロードす...

CentOS7 で Jenkins+Maven+Git 継続的インテグレーション環境を構築する方法

この記事では、Spring boot + Maven プロジェクトのデプロイメントを例に、Code ...