文字列内から、特定の文字を返します。

文法

str.charAt(index)

引数	説明
index	0から文字列の長さより1小さい数値を指定します。

文字列内の文字は、左から右へインデックスされます。 最初の文字のインデックスは0で、最後の文字のインデックスは、 文字列がstringNanmeだとすると、StringName.length - 1になります。 もし範囲外のインデックスを提供した場合、JavaScriptは空文字列を返します。

例

例: 文字列内の文字を別の位置に表示

下記の例は、文字列"Brave new world"内の文字を、別の位置に表示します。

var anyString = "Brave new world";

console.log("The character at index 0   is '" + anyString.charAt(0)   + "'");
console.log("The character at index 1   is '" + anyString.charAt(1)   + "'");
console.log("The character at index 2   is '" + anyString.charAt(2)   + "'");
console.log("The character at index 3   is '" + anyString.charAt(3)   + "'");
console.log("The character at index 4   is '" + anyString.charAt(4)   + "'");
console.log("The character at index 999 is '" + anyString.charAt(999) + "'");

これらは、下記のように出力されます。

The character at index 0 is 'B'
The character at index 1 is 'r'
The character at index 2 is 'a'
The character at index 3 is 'v'
The character at index 4 is 'e'
The character at index 999 is ''

例: Example: Getting whole characters

The following provides a means of ensuring that going through a string loop always provides a whole character, even if the string contains characters that are not in the Basic Multi-lingual Plane.

var str = 'A \uD87E\uDC04 Z'; // 非文字BMPを直接使用することも可能です。
for (var i=0, chr; i < str.length; i++) {
  if ((chr = getWholeChar(str, i)) === false) {
    continue;
  } // この行を各ループの先頭として、文字全体と現在のイテレーション(i)を渡し、
    // 変数には特定の文字を表すものが返ります。
  alert(chr);
}

function getWholeChar (str, i) {
  var code = str.charCodeAt(i);

  if (isNaN(code)) {
    return ''; // その位置で見つからなかった場合
  }
  if (code < 0xD800 || code > 0xDFFF) {
    return str.charAt(i);
  }

  // 上位サロゲート
  // (上位サロゲートを1つの文字として扱うために、
  // 最後の16進数を0xDB7Fへ変更します。)
  if (0xD800 <= code && code <= 0xDBFF) {
    if (str.length <= (i+1))  {
      // 上位サロゲートに続く下位サロゲートがありません。
      throw 'High surrogate without following low surrogate';
    }
    var next = str.charCodeAt(i+1);
      if (0xDC00 > next || next > 0xDFFF) {
        // 上位サロゲートに続く下位サロゲートがありません。
        throw 'High surrogate without following low surrogate';
      }
      return str.charAt(i)+str.charAt(i+1);
  }
  // 下位サロゲート(0xDC00 <= code && code <= 0xDFFF)
  if (i === 0) {
    //下位サロゲートに先行する上位サロゲートがありません。
    throw 'Low surrogate without preceding high surrogate';
  }
  var prev = str.charCodeAt(i-1);

  // (上位サロゲートを1つの文字として扱うために、
  // 最後の16進数を0xDB7Fへ変更します。)
  if (0xD800 > prev || prev > 0xDBFF) {
    // 下位サロゲートに先行する上位サロゲートがありません。
    throw 'Low surrogate without preceding high surrogate';
  }
  // 既に処理しいているペアの2つ目のコンポーネントとして
  // 下位サロゲートを通過することが出来ます。
  return false;
}

In an exclusive JavaScript 1.7+ environment (such as Firefox) which allows destructured assignment, the following is a more succinct and somewhat more flexible alternative in that it does incrementing for an incrementing variable automatically (if the character warrants it in being a surrogate pair).

var str = 'A\uD87E\uDC04Z'; // We could also use a non-BMP character directly
for (var i=0, chr; i < str.length; i++) {
  [chr, i] = getWholeCharAndI(str, i);
  // Adapt this line at the top of each loop, passing in the whole string and
  // the current iteration and returning an array with the individual character
  // and 'i' value (only changed if a surrogate pair)

  alert(chr);
}

function getWholeCharAndI (str, i) {
  var code = str.charCodeAt(i);

  if (isNaN(code)) {
    return ''; // Position not found
  }
  if (code < 0xD800 || code > 0xDFFF) {
    return [str.charAt(i), i]; // Normal character, keeping 'i' the same
  }

  // High surrogate (could change last hex to 0xDB7F to treat high private
  // surrogates as single characters)
  if (0xD800 <= code && code <= 0xDBFF) {
    if (str.length <= (i+1))  {
      throw 'High surrogate without following low surrogate';
    }
    var next = str.charCodeAt(i+1);
      if (0xDC00 > next || next > 0xDFFF) {
        throw 'High surrogate without following low surrogate';
      }
      return [str.charAt(i)+str.charAt(i+1), i+1];
  }
  // Low surrogate (0xDC00 <= code && code <= 0xDFFF)
  if (i === 0) {
    throw 'Low surrogate without preceding high surrogate';
  }
  var prev = str.charCodeAt(i-1);

  // (could change last hex to 0xDB7F to treat high private surrogates
  // as single characters)
  if (0xD800 > prev || prev > 0xDBFF) {
    throw 'Low surrogate without preceding high surrogate';
  }
  // Return the next character instead (and increment)
  return [str.charAt(i+1), i+1];
}

Example: Fixing charAt to support non-Basic-Multilingual-Plane (BMP) characters

While the example above may be more frequently useful for those wishing to support non-BMP characters (since it does not require the caller to know where any non-BMP character might appear), in the event that one does wish, in choosing a character by index, to treat the surrogate pairs within a string as the single characters they represent, one can use the following:

function fixedCharAt (str, idx) {
  var ret = '';
  str += '';
  var end = str.length;

  var surrogatePairs = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
  while ((surrogatePairs.exec(str)) != null) {
    var li = surrogatePairs.lastIndex;
    if (li - 2 < idx) {
      idx++;
    } else {
      break;
    }
  }

  if (idx >= end || idx < 0) {
    return '';
  }

  ret += str.charAt(idx);

  if (/[\uD800-\uDBFF]/.test(ret) && /[\uDC00-\uDFFF]/.test(str.charAt(idx+1))) {
    // Go one further, since one of the "characters" is part of a surrogate pair
    ret += str.charAt(idx+1);
  }
  return ret;
}

仕様

ブラウザ互換性

デスクトップ

機能	Chrome	Firefox (Gecko)	IE	Opera	Safari
基本	◯	◯	◯	◯	◯

モバイル

機能	Android	Chrome for Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本	◯	◯	◯	◯	◯	◯

関連項目

• String.prototype.indexOf()、String.prototype.lastIndexOf()
• String.prototype.split()
• String.prototype.charCodeAt()

 Back to top