English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

JavaScript 数値(Number)JavaScript 文字列(String)

JavaScript 文字列メソッド

前章で文字列の基本を学びました。次に、内蔵メソッドや属性を持つ文字列に対していくつかの有用な操作を考えましょう。

原始値（例えば「New Delhi」）は属性やメソッドを持つことができません（なぜならそれらはオブジェクトではないからです）。

しかしJavaScriptでは、メソッドや属性は原始値にも使用できます。なぜならJavaScriptはメソッドや属性を実行する際に原始値をオブジェクトとして扱うからです。

文字列の長さを検索します

length属性は文字列の長さを返します。空文字列の場合、長さは0です。

示例

var str = 'Java Script';
str.length;//　return　11

テストを見て‹/›

注意：スペースも文字として考慮されます：

concat()メソッド

concat()メソッドは2つまたはそれ以上の文字列を結合するために使用されます。

示例

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);

テストを見て‹/›

注意：すべての文字列メソッドは新しい値を返します。元の変数を変更しません。

大文字や小文字に変換

toUpperCase()メソッドは呼び出された文字列値を大文字の形式に変換したものを返します。

示例

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toUpperCase();

テストを見て‹/›

toLowerCase()メソッドは呼び出された文字列値を小文字の形式に変換したものを返します。

示例

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toLowerCase();

テストを見て‹/›

文字列の中でサブストリングを検索します

indexOf()メソッドは指定された値が文字列の中で最初に現れる位置（インデックス）を返します。

示例

var str = 'Air Pollution is introduction of chemicals to the atmosphere';
str.indexOf('Pollution');//　4

テストを見て‹/›

注意：最初の文字のインデックスは0、二番目の文字のインデックスは1、そのようにして。

lastIndexOf()メソッドは指定された値が文字列の中で最後に現れる位置（インデックス）を返します。

示例

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');//　22

テストを見て‹/›

indexOf()とlastIndexOf()返回-1値が見つからない場合：

示例

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");

テストを見て‹/›

indexOf()とlastIndexOf()次の二つは、検索の開始位置として第二引数を受け入れます：

示例

var str = 'HELLO WORLD HELLO';
str.indexOf('L',　6);

テストを見て‹/›

文字列内でサブ文字列を検索

search()方法は、正規表現と文字列間のマッチングを検索します。

マッチングが見つかった場合、最初のマッチングの場所を返します。マッチングが見つからない場合、-1：

示例

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');

テストを見て‹/›

以下の例では、iフラグ付きの正規表現の使用を示します（大文字と小文字を区別しない）：

示例

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/to　be/i);

テストを見て‹/›

このチュートリアルの後半で正規表現の情報を学びます。

文字列を配列に変換

split()方法は、文字列をサブストリング配列に分割し、新しい配列を返します。

以下で使用しますsplit()方法は、指定されたスペース文字で配列を区切ります「　」。

示例

var str = 'can you help me?';
var arr = str.split("　");

テストを見て‹/›

今、arr変数には新しい配列が生成されました。各要素にアクセスするには、インデックス番号を使用できます：

示例

arr[0];　　　//　Air
arr[2　　　//　is

テストを見て‹/›

以下の例では、「i」を使用して分割します：

示例

var str = 'can you help me?';
var arr = str.split("i");

テストを見て‹/›

空文字列（""）を使用するとき、その文字列は文字列配列に変換されます：

示例

var str = 'can you help me?';
var arr = str.split("");

テストを見て‹/›

文字列を分割することで、一つの文に何個の単語があるかを確認できます。

文字列の前後のスペースを削除

trim()方法は文字列の両端からスペースを削除しますが、文字列間のスペースは削除できません。スペースはタブやスペースができます。

示例

var greeting = "　　Hello world!　　";
greeting.trim();

テストを見て‹/›

この方法は、余分なスペースを削除する一般的な簡単な方法です。

置換文字列の値

replace()方法は、部分または全てのパターンマッチを含む新しい文字列を返し、それを置き換えます。

最初の引数は検索する値、二番目の引数は置き換える値です。

示例

var　str1　＝　'The　question　is　to　be,　or　not　to　be,　that　is　to　be.';
var　str2　=　str1.replace('to　be',　'ZZZ');

テストを見て‹/›

デフォルトでは、replace()方法は最初の一致項のみを置き換えます。

すべての発生を置き換えるには、gフラグを含む正規表現を使用してください（全ての発生を検索）：

示例

var　str1　＝　'The　question　is　to　be,　or　not　to　be,　that　is　to　be.';
var　str2　=　str1.replace(/to　be/g,　'ZZZ');

テストを見て‹/›

大文字小文字を区別しないコードを置き換えるには、iフラグを含む正規表現を使用してください（大文字小文字を無視）：

示例

var　str1　＝　'The　question　is　TO　BE,　or　not　to　be,　that　is　to　be.';
var　str2　=　str1.replace(/to　be/gi,　'ZZZ');

テストを見て‹/›

このチュートリアルの後半で正規表現の情報を学びます。

部分文字列を抽出

文字列の一部を抽出するには、以下の三つの方法があります：

slice()方法

slice()方法は文字列の一部を抽出し、新しい文字列として返しますが、元の文字列は変更されません。

この方法には二つの引数があります：開始インデックス（start）および終了インデックス（end）（含まれない）終了）。

この例では、インデックス3までのインデックス9(10-1)文字列の一部を抽出します：

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
var　ext　=　str.slice(3,　10);

テストを見て‹/›

注意：最初の文字のインデックスは0、二番目の文字のインデックスは1、そのようにして。

文字列の末尾から負のインデックスを使用して選択します：

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
var　ext　=　str.slice(-8,　-3);

テストを見て‹/›

二番目の引数を省略すると、この方法は文字列の残りを切り取ります：

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
var　ext　=　str.slice(3);

テストを見て‹/›

以下の例ではslice()を使用して最後の文字のみを抽出します：

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
var　ext　=　str.slice(-1);

テストを見て‹/›

substring()方法

substring()方法はslice()方法。

の違いは、substring()負のインデックス値を受け入れません。

示例

var　str1　＝　'can　you　help　me?';
var　str2　=　str1.substring(4,　10);

テストを見て‹/›

二番目の引数を省略すると、substring()methodは文字列の残りを抽出します：

示例

var　str1　＝　'can　you　help　me?';
var　str2　=　str1.substring(7);

テストを見て‹/›

substr()方法

substr()方法はslice()方法。

の違いは、二番目の引数が抽出部分を指定する方法です。長さ。

以下の例は、substr()インデックスから4指定された長さの文字を抽出します：18：

示例

var　str1　＝　'can　you　help　me?';
var　str2　=　str1.substr(4,　18);

テストを見て‹/›

二番目の引数を省略すると、substr()方法は文字列の残りを抽出します：

示例

var　str1　＝　'can　you　help　me?';
var　str2　=　str1.substr(7);

テストを見て‹/›

文字列の末尾から文字を抽出するには、負のインデックス値を使用してください：

示例

var　str1　＝　'Hello　Javascript　oldtoolbag.com';
var　str2　=　str1.substr(-6,　3);　　　//　tor

テストを見て‹/›

访问字符串字符

有三种访问字符串字符的方法：

charAt()方法

charAt()方法返回字符串中指定索引处的字符。

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(1);//　戻る　a

テストを見て‹/›

下面的示例返回字符串的最后一个字符：

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(str.length-1);

テストを見て‹/›

charCodeAt()方法

charCodeAt()方法返回介于0和65535之间的整数，该整数表示给定索引处的UTF-16代码单元。

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charCodeAt(1);//　返回　97

テストを見て‹/›

方括号表示法[]

您可以使用方括号表示法返回字符串中的任何字符[]。

在方括号内，包括要返回的字符的索引号。

示例

var　str　=　'Hello　Javascript　oldtoolbag.com';
str[0];//　返回　P
str[1//　戻る　a

テストを見て‹/›

完全な文字リファレンス

完全な属性とメソッドのリファレンスについては、私たちのJavaScript String リファレンス。

参考部分にはすべての文字属性とメソッドの説明と例が含まれています。

JavaScript 数値(Number)JavaScript 文字列(String)