{category}

JavaScript - プリミティブ型

String

ストリング(データ型

意味 文字列型


Stringとは?

文字の連続を表現するデータ型。

Stringの具体的な使い方

文字列の宣言と結合

// 文字列の宣言
let str1 = 'Hello';
let str2 = "World";

// 文字列の結合
console.log(str1 + ' ' + str2);  // 従来の方法
console.log(`${str1} ${str2}`);  // テンプレートリテラルを使用

👇出力結果

Hello World
Hello World

文字列の宣言方法と結合方法を示します。

文字列の長さと部分取得

let str1 = 'Hello';

// 文字列の長さ
console.log(str1.length);

// 文字列の一部を取得
console.log(str1.substring(1, 4));  // 1番目から3番目の文字を取得

👇出力結果

5
ell

文字列の長さの取得と部分文字列の取得方法を示します。

文字列の検索

let str1 = 'Hello';

// 文字列の検索
console.log(str1.indexOf('l'));     // 最初に現れる'l'のインデックスを取得
console.log(str1.lastIndexOf('l')); // 最後に現れる'l'のインデックスを取得

👇出力結果

2
3

文字列内の特定の文字の位置を検索する方法を示します。

文字列の置換と大文字小文字変換

let str1 = 'Hello';
let str2 = 'World';

// 文字列の置換
console.log(str1.replace('l', 'L')); // 最初の'l'を'L'に置換

// 大文字・小文字変換
console.log(str1.toUpperCase());
console.log(str2.toLowerCase());

👇出力結果

HeLlo
HELLO
world

文字列の置換、大文字変換、小文字変換の方法を示します。

Stringに関するよくある質問

Q. シングルクォートとダブルクォートの違いは?
A. JavaScriptでは、シングルクォート(')とダブルクォート(")に機能的な違いはありません。どちらを使用しても文字列を定義できます。選択は個人やプロジェクトの好みによります。ただし、文字列内にクォートを含める場合は、外側のクォートと異なる種類を使うか、エスケープする必要があります。
Q. 文字列の結合方法は?
A. 文字列の結合には主に3つの方法があります。1) '+' 演算子を使用する(例:'Hello ' + 'World')、2) テンプレートリテラルを使用する(例:`${str1} ${str2}`)、3) concat()メソッドを使用する(例:str1.concat(str2))。テンプレートリテラルは変数の埋め込みが簡単で可読性が高いため、モダンなJavaScriptでは好まれます。

Stringが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのStringやError、Number、Symbol、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

Error

エラーオブジェクト

種類: オブジェクト型

Number

数値型

種類: プリミティブ型

Symbol

固有の値

種類: プリミティブ型

デフォルトパラメータ

初期値を持つパラメータ

種類: パラメータと引数

lastChild

最後の子を取得

種類: DOMの選択(2)