最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScriptストリング


JavaScriptの文字列は、文字列を格納し、操作するために使用されます。


JavaScriptの文字列

JavaScriptの文字列は、単にのような一連の文字格納する"John Doe"

文字列は引用符で囲まれた任意のテキストことができます。 あなたは、単一引用符または二重引用符を使用することができます。

var carname = "Volvo XC60";
var carname = 'Volvo XC60';
»それを自分で試してみてください

あなたがいる限り、彼らは文字列を囲む引用符と一致しないように、文字列の中に引用符を使用することができます。

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
»それを自分で試してみてください

文字列の長さ

文字列の長さは、プロパティの長さに建てで発見されています。

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
»それを自分で試してみてください

特殊文字

文字列は引用符で囲まれなければならないので、JavaScriptはこの文字列を誤解されます。

var y = "We are the so-called "Vikings" from the north."

文字列は、細断される"We are the so-called "

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

バックスラッシュのエスケープ文字は、文字列の文字に特殊文字を回します:

var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north."
»それを自分で試してみてください

エスケープ文字(\) 、文字列内の他の特殊文字を挿入するために使用することができます。

これは、バックスラッシュ記号でテキスト文字列に追加することが可能な特殊文字のリストです。

コード 出力
\' 単一引用符
\" 二重引用符
\\ バックスラッシュ
\n 改行
\r キャリッジリターン
\t タブ
\b バックスペース
\f フォームフィード

ロングコード行を破ります

最高の読みやすくするために、プログラマは、多くの場合、80文字以上のコード行を回避したいです。

JavaScriptステートメントは、1行に収まらない場合は、それを破るのに最適な場所は、オペレータの後に次のとおりです。

document.getElementById("demo").innerHTML =
"Hello Dolly.";
»それを自分で試してみてください

また、1つのバックスラッシュを持つテキスト文字列内のコード行を分割することができます。

document.getElementById("demo").innerHTML = "Hello \
Dolly!";
»それを自分で試してみてください

\方法はないECMAScript (JavaScript)標準。
一部のブラウザでは、背後にスペースが許可されていません\文字を。

最も安全な(しかし少し遅い)長い文字列を破る方法は、文字列の加算を使用することです。

document.getElementById("demo").innerHTML = "Hello" +
"Dolly!";
»それを自分で試してみてください

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

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
»それを自分で試してみてください

文字列は、オブジェクトを指定できます

通常、JavaScriptの文字列リテラルから作成されたプリミティブ値、次のとおりvar firstName = "John"

:しかし、文字列もキーワードnewでオブジェクトとして定義することができるvar firstName = new String("John")

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

// typeof x will return string
// typeof y will return object
»それを自分で試してみてください

オブジェクトとしての文字列を作成しないでください。 これは、実行速度が遅くなります。
newキーワードは、コードが複雑になります。 これは、いくつかの予期しない結果を生成することができます:

==の等価演算子を使用する場合は、同じ文字列が等しくなります。

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

// (x == y) is true because x and y have equal values
»それを自分で試してみてください

===の等価演算子を使用する場合は===演算子は型と値の両方に平等を想定しているため、同じ文字列が、同じではありません。

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

// (x === y) is false because x and y have different types (string and object)
»それを自分で試してみてください

またはさらに悪いです。 オブジェクトは比較することはできません。

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

// (x == y) is false because x and y are different objects
// (x == x) is true because both are the same object
»それを自分で試してみてください

JavaScriptのオブジェクトを比較することはできません。

練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4»