string.charAt(i) vs string[i]

• using the charAt[index] method
• and using bracket notation such as 'hello'[1]

Differences

1. The second way is standard of ECMA 5, and is supported in modern browsers. It is not supported in the very old browsers such as IE 6, 7. (I don't think we still need to support these versions of IE).
2. Here is a table listing the expect result of both methods:

   Method	index is in the range of 0 and string.length - 1	Other cases
   string.charAt(index)	character at associate position	an empty string
   string[index]	character at associate position	undefined

   We will get different results in some edge cases if you don't pass a proper index (not an integer or out of bounds).

   'hello'[NaN]; // undefined
   'hello'.charAt(NaN); // 'h'
   
   'hello'[undefined]; // undefined
   'hello'.charAt(undefined); // 'h'
   
   'hello'[true]; // undefined
   'hello'.charAt(true); // 'e'
   
   'hello'['00']; // undefined
   
   // return 'h' because it will try to convert `00` to number first
   'hello'.charAt('00');
   
   'hello'[1.5]; // undefined
   // return 'e' because it will round 1.23 to the number 1
   'hello'.charAt(1.23);

   In the case the index is out of bounds:

   'hello'[100]; // undefined
   'hello'.charAt(100); // ''

Good to know