メインコンテンツにスキップ
モジュール 2 · レッスン 2 / 4コース内の 6/32~10 min
モジュールのレッスン (2/4)

文字列メソッド

JS の文字列には 数十のメソッド がありますが、実際には 10 個のメソッドを使用します。 彼ら。これらはすべて 元の文字列を変更しない関数です (文字列はimmutable) ですが、新しい値を返します。

長さ、ケース、検索

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length は プロパティ (括弧なし)、その他は メソッド - (…) で呼び出される関数。

slice による部分の抽出

slice(start, end) は、指定された位置間の部分文字列を返します (end は除外されます)。負のインデックスは最後から数えます。

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

分割と再結合

split(separator) は、文字列を断片の配列に分割します。その逆は、 配列上の join(...):

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

交換中

replace は 最初の出現を変更し、replaceAll はすべてを変更します。

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

トリム: 端の空白を削除します。

trim() は、先頭と末尾のスペース (および改行、タブ) を削除します。 フォームから入力を受け取るときに不可欠です。

JS
'   ciao  '.trim(); // 'ciao'

試してみてください

運動#js.m2.l2.e1
試行回数: 0読み込み中…

電子メール「Mario.Rossi@Example.com」を指定して、それを正規化します。つまり、周囲のスペースを取り除き、小文字にします。最後の式は「mario.rossi@example.com」と評価される必要があります。

エディターを読み込み中…
ヒントを表示

最初にtrim()、次にtoLowerCase()というようにメソッドを連鎖させることができます。

3 回の試行後に解決策が利用可能になります

復習演習

運動#js.m2.l2.e2
試行回数: 0読み込み中…

文字列「rosso,verde,blu,giallo」を指定すると、最後の式として色の数 (つまり 4) が返されます。

エディターを読み込み中…
ヒントを表示

split(',') は配列を返します。 .length は要素の数を示します。

3 回の試行後に解決策が利用可能になります