最新の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文字列メソッド


文字列のメソッドを使用すると、文字列で作業するのに役立ちます。


文字列メソッドとプロパティ

プリミティブ値は、同様に"John Doe" (彼らはオブジェクトではありませんので)、プロパティやメソッドを持つことはできません。

メソッドとプロパティの実行時にJavaScriptがオブジェクトとしてプリミティブ値を扱いますので、しかし、JavaScriptで、メソッドとプロパティは、また、プリミティブ値にご利用いただけます。


文字列の長さ

lengthプロパティは、文字列の長さを返します。

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

文字列内の文字列を検索します

indexOf()メソッドは、文字列内の指定されたテキストの最初の発生を(の位置)のインデックスを返します。

var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
»それを自分で試してみてください

lastIndexOf()メソッドは、文字列で指定したテキストの最後に現れるインデックスを返します。

var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
»それを自分で試してみてください

両方indexOf()およびlastIndexOf()メソッドは-1を返し、テキストが見つからない場合。

JavaScriptがゼロから位置をカウントします。
0は、文字列の最初の位置である1秒であり、2は第三のです...

どちらの方法でも、検索の開始位置としての第2のパラメータを受け入れます。


文字列内の文字列を検索します

search()メソッドは、指定された値の文字列を検索し、一致の位置を返します。

var str = "Please locate where 'locate' occurs!";
var pos = str.search("locate");
»それを自分で試してみてください

あなたは気づきましたか?

2つのメソッドindexOf()search() 、等しいです。

彼らは、同じ引数(パラメータ)を受け入れ、そして、彼らは同じ値を返します。

二つの方法は同じですが、 search()メソッドは、はるかに強力な検索値を取ることができます。

あなたは正規表現についての章の強力な検索値の詳細を学びます。


String型のパーツを抽出します

文字列の一部を抽出するための3つの方法があります。

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

slice()メソッド

slice()文字列の一部を抽出し、新しい文字列で抽出された部分を返します。

開始インデックス(位置)、および終了インデックス(位置):この方法は、2つのパラメータを取ります。

この例では、位置7から13位に文字列の部分をスライス:

var str = "Apple, Banana, Kiwi";
var res = str.slice(7,13);

解像度の結果は次のようになります。

Banana
»それを自分で試してみてください

パラメータが負の場合、位置は、文字列の末尾から数えられます。

この例では、位置から文字列の一部をスライス-12位置に-6:

var str = "Apple, Banana, Kiwi";
var res = str.slice(-12,-6);

解像度の結果は次のようになります。

Banana
»それを自分で試してみてください

あなたは二番目のパラメータを省略した場合、メソッドは、文字列の残りの部分をスライスします。

または、端から数えて:

var res = str.slice(-12);
»それを自分で試してみてください

負の位置は、Internet Explorer 8およびそれ以前のバージョンでは動作しません。


substring()メソッド

substring()に似ているslice()

違いは、ことあるsubstring()負のインデックスを受け入れることができません。

var str = "Apple, Banana, Kiwi";
var res = str.substring(7,13);

結果res次のようになります。

Banana
»それを自分で試してみてください

あなたは二番目のパラメータを省略した場合、 substring()文字列の残りの部分をスライスします。


substr()メソッド

substr()に似ているslice()

違いは、2番目のパラメータが指定されていることであるlength 、抽出部分のを。

var str = "Apple, Banana, Kiwi";
var res = str.substr(7,6);

解像度の結果は次のようになります。

Banana
»それを自分で試してみてください

最初のパラメータが負の場合、位置は文字列の末尾から数えます。

それは長さを規定するため、2番目のパラメータは、負にすることはできません。

あなたは二番目のパラメータを省略した場合、 substr()文字列の残りの部分をスライスします。


文字列コンテンツの交換

replace()メソッドは、文字列内の別の値で指定された値を置き換えます。

str = "Please visit Microsoft!";
var n = str.replace("Microsoft","w3ii");
»それを自分で試してみてください

replace()メソッドは、検索値として正規表現を取ることができます。

デフォルトでは、 replace()関数は、最初の一致のみを置き換えます。 すべての一致を置換するには、(グローバルマッチ用)AGフラグを正規表現を使用します。

str = "Please visit Microsoft!";
var n = str.replace(/Microsoft/g,"w3ii");
»それを自分で試してみてください

replace()メソッドは、それを呼び出した文字列を変更しません。 これは、新しい文字列を返します。


大文字と小文字への変換

文字列がで大文字に変換されるtoUpperCase()

var text1 = "Hello World!";       // String
var text2 = text1.toUpperCase();  // text2 is text1 converted to upper
»それを自分で試してみてください

文字列はと小文字に変換されるtoLowerCase()

var text1 = "Hello World!";       // String
var text2 = text1.toLowerCase();  // text2 is text1 converted to lower
»それを自分で試してみてください

concat()メソッド

concat() 2以上の文字列を結合します。

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
»それを自分で試してみてください

concat()メソッドではなく、プラス演算子を使用することができます。 これらの2行は同じ操作を行います。

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

すべての文字列メソッドは、新しい文字列を返します。 彼らは、元の文字列を変更しないでください。
正式に言った:文字列は不変です:文字列のみを置き換え、変更することはできません。


文字列の文字を抽出します

文字列の文字を抽出するための2 安全な方法があります。

  • charAt(position)
  • charCodeAt(position)

charAt()メソッド

charAt()メソッドは、文字列内の指定したインデックス(位置)にある文字を返します:

var str = "HELLO WORLD";
str.charAt(0);            // returns H
»それを自分で試してみてください

charCodeAt()メソッド

charCodeAt()メソッドは、文字列で指定されたインデックスで文字のユニコードを返します。

var str = "HELLO WORLD";

str.charCodeAt(0);         // returns 72
»それを自分で試してみてください

アレイは安全ではないとして、文字列へのアクセス

あなたは、文字列を配列としてアクセスし、このようなコードを見ている可能性があります。

var str = "HELLO WORLD";

str[0];                   // returns H

これは、 安全でない予測不可能です

  • それは(ないIE5、IE6、IE7で)すべてのブラウザでは動作しません。
  • これは、文字列は配列のように見えるのです(しかし、そうではありません)
  • str[0] = "H"エラーを与えるものではありません(ただし、動作しません)

あなたは配列として文字列を読みたい場合は、最初の配列に変換します。


文字列を配列に変換します

文字列が持つ配列に変換することができsplit()メソッド:

var txt = "a,b,c,d,e";   // String
txt.split(",");          // Split on commas
txt.split(" ");          // Split on spaces
txt.split("|");          // Split on pipe
»それを自分で試してみてください

セパレーターが省略された場合、返される配列は[0]インデックス内の文字列全体が含まれています。

セパレータは ""である場合、返される配列は、単一の文字の配列になります。

var txt = "Hello";       // String
txt.split("");           // Split in characters
»それを自分で試してみてください

完全な文字列参照

完全なリファレンスについては、当社に行く完全なJavaScriptの文字列参照

参照は、すべての文字列プロパティとメソッドの説明と例が含まれています。


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

演習1» 演習2» 演習3» 演習4» 演習5» 演習6»