モジュール 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 回の試行後に解決策が利用可能になります