文字列から指定された文字を削除または抽出する 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で現在のスクリプトの実際のパスを取得する方法

1. 現在のスクリプトの実際のパスを取得します。 #!/bin/bash if [[ $0 =~ ^...

Linux での NTP サーバー設定の詳細な手順

目次1. 環境設定1.NTPサーバー2. ビジネスサーバー2. NTPサーバーの設定1. chron...

Ubuntu 16.04.4LTS に mininet をインストールする際に発生する問題と解決策

ミニネットMininet は軽量のソフトウェア定義ネットワークおよびテスト プラットフォームです。軽...

MySQLのファジークエリのような遅い速度を解決する方法

質問: インデックスは作成されているのに、Like ファジー クエリがまだ遅いのはなぜですか?インデ...

WangEditor リッチ テキスト コンポーネントを Angular でカプセル化する方法

リッチ テキスト コンポーネントは、Web プログラムで、特にブログやフォーラムなどの Web サイ...

Vueコンポーネントの動的コンポーネントの詳細な説明

目次要約する要約する配列が変更されると、対応するデータを動的にロードしますシナリオ: 異なるコンポー...

クラウドサーバーを購入し、Alibaba Cloud に Pagoda Panel をインストールする手順

アリババクラウドがサーバーを購入クラウドサーバーを購入し、サーバーバージョンとしてcentos 7....

MySQLの構文、特殊記号、正規表現の詳細な説明

Mysql でよく使用される表示コマンド1. 現在のデータベース サーバー内のデータベースの一覧を表...

Ubuntu 20.04 LTS で Java 開発環境を構成する

Java開発キットjdkをダウンロードするJDK のダウンロード アドレスはhttp://www.o...

Dockerが正常に起動しない原因と解決策を詳しく解説

1. Docker 起動時の異常なパフォーマンス: 1. ステータスが繰り返し再起動している場合は、...

CentOS 7.5 に Python 3.6.6 を最初からインストールするための詳細なチュートリアル

ps: 環境はタイトル通りです依存関係をインストールする yum インストール openssl-de...

クールなネオンライト効果を実現する純粋な CSS (デモ付き)

私は最近、YouTube の CSS アニメーション効果チュートリアル シリーズをフォローしています...

MySQL の 2 種類の一時テーブルの使用方法の詳細な説明

外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...

Node.js における非同期プログラミングの知識ポイントの詳細な説明

導入JavaScript はデフォルトでシングルスレッドであるため、コードは並列実行するための新しい...

IDEA が docker を統合して springboot プロジェクトを展開するプロセス全体

目次1. IDEAはdockerプラグインをダウンロードします2. クラウドサーバーDocker 2...