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

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

推薦する

nginx+php実行リクエストの動作原理の詳細な説明

PHPの仕組みまず、よく耳にするcgi、php-cgi、fastcgi、php-fpmの関係を理解し...

CSS コンテナ背景 10 色グラデーション デモ (linear-gradient())

文法 背景: linear-gradient(direction,color-stop1,color...

チェックボックスの不確定プロパティの使用の紹介

Windows XP でフォルダーのプロパティ ダイアログ ボックスを使用すると、フォルダーの属性カ...

モバイル開発における 1px ラインの理解と解決策

1pxの線が太くなる理由モバイルプロジェクトに取り組むとき、設計図に従って要素ノードのサイズとスタイ...

Vue の this.$router と this.$route の違いと push() メソッド

公式文書には次のように記されている。ルーターを挿入することで、どのコンポーネントでも this.$r...

JS でモバイルのインタラクティブ エクスペリエンスを向上させる方法

目次1. 即時フィードバック1.1 ボタンからの即時フィードバック1.2 継続的なフィードバック1....

HTML+CSSを使用してマウスの動きを追跡する

ユーザーがプライバシーを意識するようになり、オンライン トラッキングに対する予防策を強化するにつれて...

MySQL における INSERT INTO SET の利点

MySQL データベースにデータを挿入します。以前はよく使われていた INSERT INTO テーブ...

MySQL の条件文で 1 つの情報しか読み取れない問題に対する 2 つの解決策

今日、私の同僚が MYSQL クエリ ステートメントの作成時に非常に奇妙な問題に遭遇しました。MyS...

ウェブページに埋め込まれた Flash と IE、FF、Maxthon の互換性の問題

いろいろ苦労した後、インターネットで検索したり、以前の会社のプロジェクトを探したり、他の人のプロジェ...

MySQL 結合クエリの原則の知識ポイント

MySQL 結合クエリ1. 基本概念2 つのテーブルの各行をペアで水平に接続して、すべての行の結果を...

MySQLデータベースで外部キー制約を使用する必要があるかどうかの詳細な説明

1. はじめに外部キー制約を使用するかどうかという話題は、すでに決まり文句になっています。学校では、...

JavaScriptはランダムコードの生成と検証を実現する

JavaScriptでのランダムコードの生成と検証は参考までに。具体的な内容は以下のとおりです。イベ...

HTML 初心者のためのベストプラクティス 15 選

HTML 初心者向けのベストプラクティスを 30 個紹介します。 1. タグを閉じたままにする過去に...

Linux sshのデフォルトのリモートポート番号を変更する6つの手順

Linux のデフォルトの ssh リモート ポートは 22 です。デフォルトのポートは、悪意のある...