職案人

JS--パターンのキャプチャグループ

パターンのキャプチャグループ【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【キャプチャグループの設定とキャプチャの取得】正規表現のパターンの中でキャプチャグループを設定するには、設定したい部分を括弧()で囲んでください。/abc(def)ghi/括弧()のキャプチャにマッチした部分でだけを取り出すことが出来るようになる。サンプルletregexp=/\d{3}-(\d{4})/;letresult=regexp.exec('郵便番号は123-4567です。');console.log(result[0]);>123-4567console.log(result[1]);>4567【キャプチャを行わないキャプチャグループを設定する】キャプチャを利用する予定がない場合で、明示的にキ...JS--パターンのキャプチャグループ

2024/04/29 16:17

JS--（｜）パターンマッチについて

（｜）パターンマッチについて【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【複数の文字列のいずれかにマッチ( )】メタ文字のひとつである縦棒( )は複数の文字列のいずれか一つに一致する文字列にマッチします。文字列の候補を縦棒( )で区切って記述します。文字列 文字列 ...サンプルletregexp=/Sunday Sun sunday/;console.log(regexp.test('TodayisSunday'));>>trueconsole.log(regexp.test('Sunflowersareinbloom'));>>trueconsole.log(regexp.test('SUNDAYMORNING'));>>false【複数の選択肢を括弧で囲んでグループ化す...JS--（｜）パターンマッチについて

2024/04/28 11:30

JS--直前の文字を指定回数繰り返すマッチパターン

直前の文字を指定回数繰り返すマッチパターン【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【直前の文字が0回以上連続する文字にマッチ（*）】メタ文字のひとつであるアスタリスク(*)は直前の文字が0回以上連続する文字列にマッチします(0回以上というのは一度もなくてもいいし何回出てもいいという意味です)。・サンプルletregexp=/Ha*n/;console.log(regexp.test('Hn'));>>trueconsole.log(regexp.test('Han'));>>trueconsole.log(regexp.test('Haaaaan'));>>trueconsole.log(regexp.test('HaaUaan'));>>false【直前の文字が1回以上...JS--直前の文字を指定回数繰り返すマッチパターン

2024/04/26 15:18

JS--先頭や末尾にマッチするパターン

先頭や末尾にマッチするパターン【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【文字列の先頭にマッチする（^）】メタ文字のひとつであるキャレット(^)は文字列の先頭位置にマッチします。・サンプルletregexp=/^Red/;console.log(regexp.test('RedTable'));>>trueconsole.log(regexp.test('Reducespeed'));>>trueconsole.log(regexp.test('BorderColorisRed'));>>false【文字列の末尾にマッチする($)】メタ文字のひとつであるドル記号($)は文字列の末尾位置にマッチします。サンプルletregexp=/Script$/;console.log(r...JS--先頭や末尾にマッチするパターン

2024/04/23 11:27

JS--パターン

パターンについて【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【記述した文字列にマッチする】パターンの中に文字を記述した場合は、その文字そのものとマッチします。サンプルletregexp=/Sun/;console.log(regexp.test('TodayisSunday'));>>trueconsole.log(regexp.test('TheSunrose'));>>trueconsole.log(regexp.test('HamSandwich'));>>falseSunが文字列に含まれる場合はtrueになる。それ以外は、fals【任意の一文字（.）】メタ文字のひとつであるドット(.)は任意の一文字(例外あり)にマッチします。※ただし、次の文字にはマッチしません。\n...JS--パターン

2024/04/22 13:50

JS--マッチした文字列の置換

マッチした文字列の置換【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【置換の対象を正規表現を使って指定する】Stringオブジェクトのreplaceメソッドは、対象の文字列の中の指定した文字列を、別の文字列で置換した新しい文字列を返します。・書式文字列.replace(置換する文字列,新しい文字列)引数の置換する文字列には固定の文字列を指定することもできますが、正規表現オブジェクトを指定することもできます。文字列.replace(正規表現,新しい文字列)対象の文字列の中で1番目で指定した正規表現にマッチした文字列を2番目で指定した文字列に置換します。対象の文字列に変更は行わず、置換したあとの新しい文字列が返されます。・正規表現にグローバルフラグが設定されていない場合対象の文字列...JS--マッチした文字列の置換

2024/04/20 11:16

JS--文字列を正規表現を使って区切るには

文字列を正規表現を使って区切るには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【区切り文字として正規表現を指定する】splitメソッドは、対象の文字列を指定した区切り文字で分割し、分割された文字列をそれぞれ要素として格納した配列を返します。・書式文字列.split([区切り文字[,最大分割回数]])引数の区切り文字には文字列を指定することもできますが、正規表現オブジェクトを指定することもできます。文字列.split([正規表現[,最大分割回数]])サンプルletmsg=`こんにちは。今日は、朝から快晴で気持ちがいいですね。散歩が楽しいです。`;letmsgAry=msg.split(/[。、\n]/);console.log(msgAry);>>["こんにちは","今日は",...JS--文字列を正規表現を使って区切るには

2024/04/18 15:10

JS--マッチした文字列の取得

マッチした文字列を取得するには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【matchメソッドの使い方】Stringオブジェクトのmatchメソッドは、対象となる文字列が正規表現とマッチした場合に、マッチした文字列を取得します。書式は次の通りです。文字列.match(正規表現オブジェクト)文字列が引数に指定した正規表現とマッチした場合マッチした文字列が格納された配列を返します。マッチしなかった場合nullを返します。戻り値の配列にはインデックス0の要素にパターン全体にマッチした文字列が、インデックス1以降の要素には設定したキャプチャグループで囲んだパターンにマッチした文字列が格納される。(キャプチャグループを設定していない場合はインデックス1以降の要素は存在しません)。サンプ...JS--マッチした文字列の取得

2024/04/17 16:40

JS--マッチした文字列のインデックス取得

文字列のインデックス取得【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【searchメソッドの使い方】Stringオブジェクトのsearchメソッドは、対象となる文字列が正規表現とマッチした場合に、マッチした最初の文字列のインデックスを返します。書式は次の通りです。文字列.search(正規表現オブジェクト)・マッチした場合最初にマッチした文字列の先頭文字のインデックスを返します。・マッチしなかった場合「-1」を返します。インデックスは対象の文字列の先頭文字が0、次の文字が1、と続いていきます。サンプルletregexp=/ball/;letstr1='baseballandfootball';letstr2='Makeacaketomorrow';console.log(st...JS--マッチした文字列のインデックス取得

2024/04/15 11:22

JS--正規表現にマッチした文字列を取得する

正規表示にマッチした文字列を取得する【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【execメソッドの使い方】RegExpオブジェクトのexecメソッドは、対象となる文字列が正規表現とマッチした場合に、マッチした文字列を取得します。書式は次の通りです。正規表現オブジェクト.exec(文字列)引数に指定した文字列が正規表現とマッチした場合は、マッチした文字列が格納された配列を返します。マッチしなかった場合はnullを返します。戻り値の配列にはインデックス0の要素にパターン全体にマッチした文字列、インデックス1以降の要素には設定したキャプチャグループで囲んだパターンにマッチした文字列が格納されます。(キャプチャグループを設定していない場合はインデックス1以降の要素は存在しません)。...JS--正規表現にマッチした文字列を取得する

2024/04/11 10:52

JS--文字列の規制表現のマッチテスト

文字列が正規表現とマッチするかテストする【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【testメソッドの使い方】RegExpオブジェクトのtestメソッドは、対象となる文字列が正規表現とマッチするかどうかをテストし結果として論理値を返します。・書式正規表現オブジェクト.test(文字列)引数に指定した文字列が少なくとも一つ正規表現とマッチした場合はtrueを返します。マッチしなかった場合はfalseを返します。サンプルletregexp=/ball/;letstr1='Gotoseeabaseballgame';letstr2='Makeacaketomorrow';console.log(regexp.test(str1));実行>trueconsole.log(regex...JS--文字列の規制表現のマッチテスト

2024/04/07 15:13

JS--エスケープ処理

エスケープ処理【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【特別な意味を持つ文字をエスケープする】正規表現のパターンで使われる文字の中にはドット(.)やプラス(+)などのように特別な意味を持つ文字があります。これらはメタ文字と呼ばれます。例えば次のような正規表現リテラルで見てみます。サンプルコードletregexp=/a.b/;console.log(regexp.test('oa.bo'));結果>trueconsole.log(regexp.test('oaxbo'));結果>true最初に試した'oa.bo'は文字列の中にa.bという文字列が含まれるのでマッチするのは分かりますが、次に試した'oaxbo'は文字列の中にa.bという文字列が含まれていないのにマッチしました...JS--エスケープ処理

2024/04/06 15:59

JS--正規表示

正規表示【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム■正規表示とは→指定した条件に一致する複数の文字列を一つのパターンで表現する方法です。JavaScriptでは正規表現もオブジェクトのひとつです。【正規表現リテラル】正規表現オブジェクトとは正規表現で使用するパターンを定義することです。最初に正規表現リテラルを使って正規表現オブジェクトを作成する方法です。・書式/パターン//パターン/フラグ正規表現のパターンを表す値をスラッシュ(/)で囲んで記述します。フラグを設定する場合はスラッシュのあとに記述します。サンプルletregexp1=/apple/;letregexp2=/[a-zA-Z]{4}/;一つ目の正規表現オブジェクトは'apple'とマッチするパターンです。対象の文...JS--正規表示

2024/04/06 11:17

JS--例外をスローするには

例外をスローするには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【throw文の使い方】throw文を使用すると例外をスローすることができます。・書式throw例外の値例外の値には通常Errorオブジェクトを指定しますが、数値や文字列といった任意の値を指定することもできます。try...catch文を使って例外がキャッチされた場合、ここで指定した例外の値がcatchの括弧の中に記述した変数に格納されます。サンプルfunctioncheckResult(point){try{if(point<50){throw'不合格です';}console.log('得点'+point);console.log('合格です');}catch(e){console.error(e);}}con...JS--例外をスローするには

2024/04/04 11:09

JS--例外が発生するエラーの種類

例外が発生するエラーの種類【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【例外が発生するえらーの種類】例外が発生するエラーの種類として次の8種類がグローバルオブジェクトとして定義されています。Error一般的なエラーEvalErroreval関数に関するエラーInternalErrorJavaScriptの内部エラーRangeError数値が有効範囲を超えた場合のエラーReferenceError不正な参照を行った場合のエラーSyntaxErrorJavaScriptの構文エラーTypeError変数や引数の型が適切ではない場合のエラーURIErrorencodeURIまたはdecodeURIに関するエラー※ただしSyntaxErrorは実行時にエラーとなるのではなく実行前の時...JS--例外が発生するエラーの種類

2024/04/03 14:27

JS--try...catch 文内の関数の例外処理

try...catch文内の関数の例外処理【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【tryブロックの中から呼び出し他関数内で例外が発生した場合】try...catch文の書式は次のようになっており、例外が発生する可能性がある文をtryのあとのブロック内に記述しておく必要があります。・書式try{例外が発生する可能性がある文を記述・・・}catch(e){例外をキャッチしたときに実行される処理・・・}それではtryブロックの中でtry...catch文の外に記述された関数を呼びだし、その関数内で例外がスローされた場合functionfunc(){//ここで例外が発生}try{func();}catch(e){例外をキャッチしたときに実行される処理・・・}サンプルfuncti...JS--try...catch文内の関数の例外処理

2024/04/02 10:52