本文へスキップ
BecomeCoder

JavaScriptコース · 第2章 文字列を扱う · レッスン7

文字列メソッド ― 加工と検索

ブラウザで完結

導入

文字列には、加工や検索のためのメソッド関数のようなもの)がたくさん付いています。よく使うものを押さえましょう。

説明

大文字・小文字の変換、前後の空白除去、一部の取り出し、置換、分割が定番です。

const raw = "  Hello, World  ";
console.log(raw.trim());              // "Hello, World"(前後の空白を除去)
console.log(raw.trim().toUpperCase()); // "HELLO, WORLD"
console.log(raw.trim().toLowerCase()); // "hello, world"

const text = "JavaScript";
console.log(text.slice(0, 4));        // "Java"(0から4の手前まで)
console.log(text.slice(4));           // "Script"(4から末尾まで)
console.log(text.includes("Script")); // true(含むか)
console.log(text.startsWith("Java")); // true
console.log(text.endsWith("py"));     // false

置き換えと分割もよく使います。split は文字列を配列に分け、join はその逆です(配列は次章)。

const csv = "りんご,みかん,ぶどう";
const fruits = csv.split(",");        // ["りんご", "みかん", "ぶどう"]
console.log(fruits);
console.log(fruits.join(" / "));      // "りんご / みかん / ぶどう"

const msg = "I like cats";
console.log(msg.replace("cats", "dogs")); // "I like dogs"

やってみよう

自分の名前や好きな言葉で、trimtoUpperCasesliceincludes を試してみましょう。

演習

const email = " User@Example.COM "; を用意し、前後の空白を除いてから小文字にした結果を表示してください。

ヒント1を見る

email.trim().toLowerCase()console.log に渡します。

実際に動かしてみよう

下のエディタにJavaScriptを書いて「実行」を押すと、ブラウザ内のJavaScriptで出力が表示されます。本文の例をそのまま試したり、書き換えたりしてみましょう(console.log の結果が下に出ます。input() を使う回は「標準入力」欄に値を入れてから実行します)。

JavaScript — ブラウザ内で実行

ブラウザ本体のJavaScriptで実行する学習用環境を読み込みます(外部エンジン不要・軽量です)。
スクロールして表示された時点でも自動で読み込まれます。