JSチュートリアル

JSホーム JSの紹介 JSどこへ JS出力 JSステートメント JS構文 JSコメント JS変数 JS Let JSConst JSオペレーター JS算術 JS割り当て JSデータ型 JS関数 JSオブジェクト JSイベント JS文字列 JS文字列メソッド JS文字列検索 JS文字列テンプレート JS番号 JS番号メソッド JSアレイ JS配列メソッド JS配列ソート JSアレイの反復 JSアレイ定数 JSの日付 JSの日付形式 JS DateGetメソッド JS日付設定メソッド JS数学 JSランダム JSブール値 JSの比較 JS条件 JSスイッチ JSループFor JSループフォーイン JSループの JSループWhile JSブレイク JSIterables JSセット JSマップ JS Typeof JS型変換 JSビット単位 JS RegExp JSエラー JSスコープ JSホイスト JS厳密モード JSこのキーワード JSアロー関数 JSクラス JS JSON JSデバッグ JSスタイルガイド JSのベストプラクティス JSの間違い JSパフォーマンス JS予約語

JSバージョン

JSバージョン JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE /エッジ JSの歴史

JSオブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクト表示 オブジェクトアクセサー オブジェクトコンストラクター オブジェクトのプロトタイプ オブジェクト反復可能 オブジェクトセット オブジェクトマップ オブジェクトリファレンス

JS関数

関数の定義 関数パラメーター 関数の呼び出し 関数呼び出し 機能適用 関数クロージャ

JSクラス

クラスイントロ クラス継承 クラス静的

JSAsync

JSコールバック JS非同期 JSの約束 JS Async / Await

JS HTML DOM

DOMイントロ DOMメソッド DOMドキュメント DOM要素 DOM HTML DOMフォーム DOM CSS DOMアニメーション DOMイベント DOMイベントリスナー DOMナビゲーション DOMノード DOMコレクション DOMノードリスト

JSブラウザBOM

JSウィンドウ JS画面 JSロケーション JSの歴史 JSナビゲーター JSポップアップアラート JSタイミング JSクッキー

JS Web API

WebAPIイントロ WebフォームAPI Web履歴API WebストレージAPI WebワーカーAPI Web Fetch API Web Geolocation API

JS AJAX

AJAXイントロ AJAX XMLHttp AJAXリクエスト AJAX応答 AJAXXMLファイル AJAX PHP AJAX ASP AJAXデータベース AJAXアプリケーション AJAXの例

JS JSON

JSONイントロ JSON構文 JSONとXML JSONデータ型 JSON解析 JSON文字列化 JSONオブジェクト JSON配列 JSONサーバー JSON PHP JSON HTML JSON JSONP

JSとjQuery

jQueryセレクター jQuery HTML jQuery CSS jQuery DOM

JSグラフィックス

JSグラフィックス JSキャンバス JSPlotly JS Chart.js JSグーグルチャート JS D3.js

JSの例

JSの例 JS HTML DOM JSHTML入力 JSHTMLオブジェクト JSHTMLイベント JSブラウザ JSエディター JS演習 JSクイズ JS証明書

JSリファレンス

JavaScriptオブジェクト HTMLDOMオブジェクト


JavaScript文字列

JavaScript文字列は、テキストを保存および操作するためのものです。

JavaScript文字列は、引用符で囲まれた0文字以上です。

let text = "John Doe";

一重引用符または二重引用符を使用できます。

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

文字列を囲む引用符と一致しない限り、文字列内で引用符を使用できます。

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

文字列の長さ

文字列の長さを見つけるには、組み込みのlengthプロパティを使用します。

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


エスケープ文字

文字列は引用符で囲む必要があるため、JavaScriptはこの文字列を誤解します。

let text = "We are the so-called "Vikings" from the north.";

文字列は「私たちはいわゆる」に切り刻まれます。

この問題を回避するための解決策は、円記号のエスケープ文字を使用することです。

バックスラッシュ(\)エスケープ文字は、特殊文字を文字列文字に変換します。

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

シーケンス\"  は、文字列に二重引用符を挿入します。

let text = "We are the so-called \"Vikings\" from the north.";

シーケンス\'  は、文字列に一重引用符を挿入します。

let text= 'It\'s alright.';

シーケンス\\  は、文字列に円記号を挿入します。

let text = "The character \\ is called backslash.";

他の6つのエスケープシーケンスがJavaScriptで有効です。

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

上記の6つのエスケープ文字は、もともとタイプライター、テレタイプ、およびファックス機を制御するために設計されました。HTMLでは意味がありません。


長いコード行を壊す

読みやすくするために、プログラマーは80文字を超えるコード行を避けたいことがよくあります。

JavaScriptステートメントが1行に収まらない場合、JavaScriptステートメントを分割するのに最適な場所は演算子の後にあります。

document.getElementById("demo").innerHTML =
"Hello Dolly!";

1つの円記号を使用して、テキスト文字列内のコード行を分割することもできます。

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

この\方法は推奨される方法ではありません。普遍的なサポートがない可能性があります。
一部のブラウザでは、文字の後ろにスペースを使用できません\

文字列を分割するより安全な方法は、文字列の加算を使用することです。

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

バックスラッシュでコード行を分割することはできません。

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

オブジェクトとしてのJavaScript文字列

通常、JavaScript文字列は、リテラルから作成されたプリミティブ値です。

let x = "John";

newただし、文字列は、キーワード:を使用してオブジェクトとして定義することもできます。

let y = new String("John");

let x = "John";
let y = new String("John");

Stringsオブジェクトを作成しないでください。

キーワードはコードを複雑にし、new実行速度を遅くします。

文字列オブジェクトは予期しない結果を引き起こす可能性があります。

演算子を使用する場合==、xとyは等しい

let x = "John";
let y = new String("John");

演算子を使用する場合===、xとyは等しくありません

let x = "John";
let y = new String("John");

との違いに注意して(x==y)ください(x===y)

(x == y)正しいか間違っているか?

let x = new String("John");
let y = new String("John");

(x === y)正しいか間違っているか?

let x = new String("John");
let y = new String("John");

2つのJavaScriptオブジェクトを比較すると、常にfalseが返されます

完全な文字列リファレンス

完全な文字列リファレンスについては、次のURLにアクセスしてください。

完全なJavaScript文字列リファレンス

このリファレンスには、すべての文字列プロパティとメソッドの説明と例が含まれています。

エクササイズで自分をテストする

エクササイズ:

プロパティを使用してlength、の長さを警告しtxtます。

let txt = "Hello World!";
let x = ;
alert(x);