文字列から指定された文字を削除または抽出する 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の手順を完全に削除する

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

推薦する

HTML は、Web ページの作成者が学習して習得しなければならないものです。

HTML を学ぶメリットは何ですか? 1: ウェブサイトやブログのウェブ構造を簡単に変更できます。...

Ubuntu で中国語入力方法が使えない場合の解決策

Ubuntu では中国語入力方法の解決策はありません。仮想マシンや Ubuntu システムをインスト...

SQL 実践演習: オンライン モール データベースの製品カテゴリ データ操作

オンラインショッピングモールデータベース - 商品カテゴリデータ操作(I)プロジェクトの説明電子商取...

CentOS7でルートパスワードをリセットする方法

レンガを移動するプロセスでは、さまざまな環境および構成の問題があり、毎回異なるエラーが発生します。 ...

JavaScript の instanceof メソッドの手動実装

1. instanceofの使用法instanceof演算子は、コンストラクター関数のprototy...

角丸四角形の HTML+CSS 実装コード

退屈していたので、突然角丸四角形の実装を思いつきました。しかし、私たちはこの話題についてあまりにも長...

MySQL 5.7.31 64 ビット無料インストール版チュートリアル図

1. ダウンロードダウンロードアドレス: https://dev.mysql.com/get/Dow...

要素テーブルテーブルコンポーネントの複数フィールド(複数列)ソート方法

目次必要:発生した問題:解決する:必要:要素テーブル内の複数の列を並べ替えるには、日付の並べ替えをク...

Word のコンテンツを Web サイトのエディターに直接コピーすることはお勧めしません。

<br />質問: Word のコンテンツを Web サイトのエディターに直接コピーする...

Docker Swarmの概念と使用法の詳細な説明

Docker Swarm は、Docker によって開発されたコンテナ クラスター管理サービスです。...

MySQL 5.7.15 のインストールと設定方法のグラフィック チュートリアル (Windows)

MySQL をインストールする必要があるため、インストール手順を以下のように記録します。 自分なり...

MySQLのロングトランザクションに関する深い理解

序文:この記事では主にMySQLのロングトランザクションに関する内容を紹介します。例えば、トランザク...

Navicat for MySql ビジュアルインポート CSV ファイル

この記事では、参考までに、Navicat for MySql の CSV ファイルのビジュアルインポ...

Linuxターミナルでの一般的なMySQL操作コマンドの詳細な説明

仕える: # chkconfig --list すべてのシステム サービスを一覧表示します # ch...

CSS3 クリックボタン円形進行ティック効果実装コード

目次8. CSS3 クリックボタンの円形進捗チェック効果8.1 画像プレビュー8.2 index.h...