文字列
String
programming
beginner
名前や文章など、文字の並びをひとまとまりのデータとして扱うデータ型のこと。
概要(サマリー)
文字列とは、名前や文章など、文字の並びをひとまとまりのデータとして扱うデータ型である。プログラムでは、"こんにちは"や"user@example.com"のように引用符で囲んで表すことが多い。
詳細解説
文字を順番に並べたデータ
文字列は一文字だけでなく、単語、文章、空白、記号などをまとめて扱える。画面の見出し、フォームに入力された名前、APIから受け取ったメッセージなど、多くのデータが文字列である。
数値との違い
見た目が数字でも、引用符で囲むと文字列になる。
const numberValue = 12;
const textValue = "12";
console.log(numberValue + 3);
console.log(textValue + 3);
結果はそれぞれ15と"123"になる。文字列では足し算ではなく、文字をつなぐ結合として扱われるためである。
文字列と数値で挙動がどう変わるかは、次のシミュレーターで実際に確認できる。
文字列を組み立てる
JavaScriptのテンプレートリテラルを使うと、変数を文章へ埋め込める。
const userName = "Mika";
const message = `こんにちは、${userName}さん`;
固定文と変化する値を分けることで、表示文を組み立てやすくなる。
入力値は文字列になりやすい
フォームから受け取った値は、数字のように見えても文字列であることが多い。計算に使うなら数値へ変換し、空白や想定外の文字がないかも確認する必要がある。
AIコーディングとの関係
AIには「商品名と価格を一つの表示文にする」「入力された数字の文字列を数値へ変換する」のように、元データと目的を伝えるとよい。生成コードでは、引用符の閉じ忘れ、数値との型の違い、ユーザー入力をHTMLとして直接表示する危険がないかを確認することが大切である。
よくある勘違い
数字だけなら数値?
見た目だけでは決まらない。"100"は文字列、100は数値である。
文字列は文章だけ?
違う。一文字、空文字、記号だけの値も文字列である。
文字列は自由にHTMLへ入れてよい?
ユーザー入力をそのままHTMLとして解釈させると危険である。通常の文字として表示し、必要な検証やエスケープを行うべきである。
まとめ
- 文字列は文字の並びを扱うデータ型である
- 数字に見える文字列と数値は別物である
- 文字列は結合やテンプレートで組み立てられる
- 外部入力の文字列は検証して安全に表示する必要がある
情報ソース
より詳しくAIに聞いてみよう
- 文字列を初心者向けに説明してください。
- 文字列と数値の違いをコードで示してください。
- 文字列の結合方法を比較してください。
- フォームの文字列を安全に表示する方法を教えてください。
- 文字列処理のコードを読みやすく改善してください。