JavaScript 文字列の一般的なメソッドの詳細な説明

JavaScript 文字列の一般的なメソッドの詳細な説明

1. キャラクター

文字列から指定された文字を返します

文法

str.charAt(インデックス)

パラメータ

索引

0 から文字列の長さから 1 を引いた値までの整数。 (0~長さ-1)

インデックスが指定されていない場合、charAt() は 0 を使用します。

戻り値

指定された文字を返します。指定されたインデックス値が範囲外の場合は空の文字列を返します。

ここに画像の説明を挿入

2. 連結

1 つ以上の文字列を元の文字列と連結して新しい文字列を作成し、それを返します。 concat メソッドは元の文字列に影響を与えません。

文法

str.concat(str2, [, ...strN])

パラメータ

文字列2 [, …文字列N]

str に連結される文字列。

戻り値

パラメータとして提供された接続文字列を含む新しい文字列。

ここに画像の説明を挿入

3. インデックス

fromIndex から検索して、String オブジェクト内で指定された文字が最初に出現するインデックスを返します。値が見つからない場合は -1 が返されます。

文法

str.indexOf(検索値[, fromIndex])

パラメータ

検索値

検索する文字列値。
正確な文字列が指定されていない場合、searchValue は「undefined」に強制変換され、現在の文字列内で値が検索されます。

fromIndex (オプション)

番号は検索を開始する場所を示します。任意の整数を指定できます。デフォルト値は 0 です。
fromIndex の値が 0 未満、または str.length より大きい場合、検索はそれぞれ 0 と str.length から開始されます。 (翻訳者注: fromIndex の値が 0 未満の場合、空であることと同等です。fromIndex の値が str.length 以上の場合、結果は直接 -1 として返されます。)

戻り値

検索文字列 searchValue が最初に出現した位置のインデックスを返します。見つからない場合は -1 を返します。

ここに画像の説明を挿入

特別な事情

1. 検索文字列searchValueが空文字列でfromIndex値が空の場合、またはfromIndex値が検索文字列の長さより短い場合、戻り値は以下のfromIndex値と同じになります。

2. 検索文字列searchValueが空の文字列で、fromIndex値が文字列の長さ以上の場合、文字列の長さが直接返されます。

4. 最後のインデックス

indexOf の反対で、後ろから前に向かって検索します。

5.マッチ

検索すると、正規表現に一致する文字列が返されます。

文法

str.match(正規表現)

パラメータ

正規表現

正規表現オブジェクト。非正規表現オブジェクトが渡された場合、new RegExp(obj) を使用して暗黙的に RegExp に変換されます。引数を指定せずにmatch()メソッドを直接使用すると、空の文字列[""]を含む配列が返されます。

戻り値

  • g フラグを使用すると、完全な正規表現に一致するすべての結果が返されますが、キャプチャ グループは返されません。
  • g フラグが使用されない場合は、最初の完全一致とそれに関連付けられたキャプチャ グループ (配列) のみが返されます。 この場合、返されるアイテムには、以下で説明する追加のプロパティが含まれます。

ここに画像の説明を挿入

6. 置き換える

パターンの一部またはすべての一致を replacement に置き換えた新しい文字列を返します。パターンは文字列または正規表現にすることができ、置換は文字列または一致するたびに呼び出されるコールバック関数にすることができます。パターンが文字列の場合、最初の出現のみが置き換えられます。

元の文字列は変更されません。

文法

str.replace(正規表現|substr, newSubStr|関数)

パラメータ

正規表現(パターン)

RegExp オブジェクトまたはそのリテラル。この正規表現に一致するコンテンツは、2 番目のパラメータの戻り値に置き換えられます。

substr (パターン)

newSubStr によって置き換えられる文字列。正規表現ではなく、文字列全体として扱われます。最初の出現のみが置き換えられます。

newSubStr (置換)

元の文字列の最初のパラメータの一致する部分を置き換えるために使用される文字列。この文字列には、いくつかの特殊な変数名を挿入できます。以下の「文字列をパラメータとして使用する」を参照してください。

機能(置換)

最初の引数の一致を置き換える戻り値を持つ新しい部分文字列を作成する関数。下記の「関数を引数として指定する」を参照してください。

戻り値

置換パターン内の一致の一部またはすべてが置き換えられた新しい文字列。

ここに画像の説明を挿入

7. 小文字にする

文字列値を小文字に変換して返します

文法

str.toLowerCase()

戻り値

呼び出し文字列を小文字に変換したものを表す新しい文字列。

ここに画像の説明を挿入

8. 大文字にする

toLowerCaseの反対で大文字に変換します

9. 部分文字列

開始インデックスと終了インデックスの間、または開始インデックスから文字列の最後までの文字列のサブセットを返します。

文法

str.substring(インデックス開始[, インデックス終了])

パラメータ

インデックス開始

インターセプトされる最初の文字のインデックス。このインデックス位置の文字は、返される文字列の最初の文字として使用されます。

インデックス終了

オプション。 0 から文字列の長さまでの整数。この番号でインデックス付けされた文字は、切り捨てられた文字列には含まれません。

戻り値

指定された文字列の指定された部分を含む新しい文字列。

ここに画像の説明を挿入

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

1. キャラクター

文字列から指定された文字を返します

文法

str.charAt(インデックス)

パラメータ

索引

0 から文字列の長さから 1 を引いた値までの整数。 (0~長さ-1)

インデックスが指定されていない場合、charAt() は 0 を使用します。

戻り値

指定された文字を返します。指定されたインデックス値が範囲外の場合は空の文字列を返します。

ここに画像の説明を挿入

2. 連結

1 つ以上の文字列を元の文字列と連結して新しい文字列を作成し、それを返します。 concat メソッドは元の文字列に影響を与えません。

文法

str.concat(str2, [, ...strN])

パラメータ

文字列2 [, …文字列N]

str に連結される文字列。

戻り値

パラメータとして提供された接続文字列を含む新しい文字列。

ここに画像の説明を挿入

3. インデックス

fromIndex から検索して、String オブジェクト内で指定された文字が最初に出現するインデックスを返します。値が見つからない場合は -1 が返されます。

文法

str.indexOf(検索値[, fromIndex])

パラメータ

検索値

検索する文字列値。
正確な文字列が指定されていない場合、searchValue は「undefined」に強制変換され、現在の文字列内で値が検索されます。

fromIndex (オプション)

番号は検索を開始する場所を示します。任意の整数を指定できます。デフォルト値は 0 です。
fromIndex の値が 0 未満、または str.length より大きい場合、検索はそれぞれ 0 と str.length から開始されます。 (翻訳者注: fromIndex の値が 0 未満の場合、空であることと同等です。fromIndex の値が str.length 以上の場合、結果は直接 -1 として返されます。)

戻り値

検索文字列 searchValue が最初に出現した位置のインデックスを返します。見つからない場合は -1 を返します。

ここに画像の説明を挿入

特別な事情

1. 検索文字列searchValueが空文字列でfromIndex値が空の場合、またはfromIndex値が検索文字列の長さより短い場合、戻り値は以下のfromIndex値と同じになります。

2. 検索文字列searchValueが空の文字列で、fromIndex値が文字列の長さ以上の場合、文字列の長さが直接返されます。

4. 最後のインデックス

indexOf の反対で、後ろから前に向かって検索します。

5.マッチ

検索すると、正規表現に一致する文字列が返されます。

文法

str.match(正規表現)

パラメータ

正規表現

正規表現オブジェクト。非正規表現オブジェクトが渡された場合、new RegExp(obj) を使用して暗黙的に RegExp に変換されます。引数を指定せずにmatch()メソッドを直接使用すると、空の文字列[""]を含む配列が返されます。

戻り値

  • g フラグを使用すると、完全な正規表現に一致するすべての結果が返されますが、キャプチャ グループは返されません。
  • g フラグが使用されない場合は、最初の完全一致とそれに関連付けられたキャプチャ グループ (配列) のみが返されます。 この場合、返されるアイテムには、以下で説明する追加のプロパティが含まれます。

ここに画像の説明を挿入

6. 置き換える

パターンの一部またはすべての一致を replacement に置き換えた新しい文字列を返します。パターンは文字列または正規表現にすることができ、置換は文字列または一致するたびに呼び出されるコールバック関数にすることができます。パターンが文字列の場合、最初の出現のみが置き換えられます。

元の文字列は変更されません。

文法

str.replace(正規表現|substr, newSubStr|関数)

パラメータ

正規表現(パターン)

RegExp オブジェクトまたはそのリテラル。この正規表現に一致するコンテンツは、2 番目のパラメータの戻り値に置き換えられます。

substr (パターン)

newSubStr によって置き換えられる文字列。正規表現ではなく、文字列全体として扱われます。最初の出現のみが置き換えられます。

newSubStr (置換)

元の文字列の最初のパラメータの一致する部分を置き換えるために使用される文字列。この文字列には、いくつかの特殊な変数名を挿入できます。以下の「文字列をパラメータとして使用する」を参照してください。

機能(置換)

最初の引数の一致を置き換える戻り値を持つ新しい部分文字列を作成する関数。下記の「関数を引数として指定する」を参照してください。

戻り値

置換パターン内の一致の一部またはすべてが置き換えられた新しい文字列。

ここに画像の説明を挿入

7. 小文字にする

文字列値を小文字に変換して返します

文法

str.toLowerCase()

戻り値

呼び出し文字列を小文字に変換したものを表す新しい文字列。

ここに画像の説明を挿入

8. 大文字にする

toLowerCaseの反対で大文字に変換します

9. 部分文字列

開始インデックスと終了インデックスの間、または開始インデックスから文字列の最後までの文字列のサブセットを返します。

文法

str.substring(インデックス開始[, インデックス終了])

パラメータ

インデックス開始

インターセプトされる最初の文字のインデックス。このインデックス位置の文字は、返される文字列の最初の文字として使用されます。

インデックス終了

オプション。 0 から文字列の長さまでの整数。この番号でインデックス付けされた文字は、切り捨てられた文字列には含まれません。

戻り値

指定された文字列の指定された部分を含む新しい文字列。

ここに画像の説明を挿入

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • 文字列内の文字を削除する JS メソッド
  • JSON の optString メソッドと getString メソッドの違い
  • リストに文字列が含まれているかどうかを判断するための jsp メソッド
  • JavaScript String オブジェクトの一般的なメソッドの詳細な説明
  • JavaScript 文字列オブジェクトの一般的なメソッドの概要
  • JavaScript での toString() メソッドの使用に関する詳細な説明

<<:  CSS3 Flex を使用して div コンテンツを水平および垂直に中央揃えするいくつかの方法

>>:  Tomcat は親の委任メカニズムを破壊して Web アプリケーションの分離を実現します。

推薦する

MySQL の起動オプションとシステム変数の例の詳細な説明

目次ブートオプションコマンドラインパラメータの長い形式と短い形式設定ファイル構成グループシステム変数...

Dockerイメージをパッケージ化し、リモートサーバーにプッシュしてk8sにデプロイする方法

目次1. Dockerファイル2. pom 構成3. イメージプッシュ4. k8s デプロイメント前...

要素UIテーブルはドロップダウンフィルタリング機能を実現します

この記事の例では、要素UIテーブルにドロップダウンフィルタリングを実装するための具体的なコードを参考...

Ajax jQueryはページ上のdivの更新効果を実現します

元のコードは次のとおりです。 <div class='コントロールグループ'&...

jQuery における Ajax の関連知識ポイントのまとめ

序文JavaScriptを学ぶ学生は、 AJAX (非同期JavaScriptとxml) 変換は非同...

VMWare に CentOS 7.3 をインストールするグラフィカル チュートリアル

CentOS 7.3のインストール手順を図解しました。具体的な内容は次のとおりです。この記事では、v...

SASSで変数のデフォルト値を使用する方法

SASS で定義された変数では、後で設定された値によって古い値が上書きされます。 $色: 赤; $色...

JavaScript 円グラフの例

描画効果実装コードJavaScript var キャンバス = document.getElemen...

vue3.0+echarts は 3 次元の縦棒グラフを実現します

序文: Vue3.0はechartsの3次元縦棒グラフを実装します結果: 実装手順: 1. echa...

MySQL InnoDB ReplicaSet の簡単な紹介

目次01 InnoDBレプリカセットの紹介02 InnoDBレプリカセットの制限03 導入前に知って...

Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル

目次1. Typescriptの紹介2. 設定ファイル webpack 設定3. プロジェクトに.t...

JavaScript 基礎シリーズ: 関数とメソッド

目次1. 関数とメソッドの違い2. 良い関数の書き方2.1 正確な命名2.1.1 関数の命名2.1....

Gitコミットログの変更方法のまとめ

ケース1: 最後の提出とプッシュなし次のコマンドを実行します。 git コミット --amend g...

CSSトランジションは高さを変更することで要素を拡大したり縮小したりします。

一般的な開発ニーズとして、要素の一部を必要になるまで折りたたんでおきたいことが挙げられます。 Boo...

CSS XTHML の記述標準とよくある問題の概要 (ページ最適化)

プロジェクトドキュメントディレクトリDiv+CSS 命名規則 - 4 - Div+css 命名規則 ...