字符串是前端开发中常用的数据类型之一，它可以存储文本信息。在 JavaScript 中，我们可以使用字符串的 charAt(x) 方法或者字符串[x] 的语法来获取字符串中指定位置的字符。那么这两种方式有什么区别呢？下面就让我们详细探讨一下。
charAt(x) 方法
charAt(x) 是 JavaScript 字符串提供的方法之一，用于获取字符串中指定位置的字符。其中 x 为要获取的字符所在位置，从 0 开始计数。如果该位置上没有字符，则返回一个空字符串。
const str = 'hello world'; console.log(str.charAt(1)); // 输出 e console.log(str.charAt(20)); // 输出空字符串
需要注意的是，如果传入的参数不是数字类型，charCodeAt() 方法会将其转换为数字类型，因此会得到一个 NaN 的结果。
const str = 'hello world';
console.log(str.charAt('a')); // 输出空字符串字符串[x] 语法
除了使用 charAt(x) 方法外，还可以使用字符串[x] 的语法来获取字符串中指定位置的字符。其中 x 同样为要获取的字符所在位置，从 0 开始计数。
const str = 'hello world'; console.log(str[1]); // 输出 e console.log(str[20]); // 输出 undefined
需要注意的是，如果使用字符串[x] 的语法获取字符串中不存在的位置时，会返回 undefined 而不是空字符串。
const str = 'hello world'; console.log(str['a']); // 输出 undefined
两种方式的区别
从上面的示例代码和说明中可以看出，charAt(x) 方法和字符串[x] 语法在获取字符串中指定位置的字符时有一些差异：
- 返回值：charAt(x) 方法在获取不存在的字符时返回一个空字符串，而字符串[x] 语法则返回 undefined。
- 兼容性：charAt(x) 方法是较早期版本的 JavaScript 字符串方法，相比之下字符串[x] 语法更加简洁、易用，并且也可以兼容到更早的 JavaScript 版本。
如何选择
在实际开发中，我们应该根据具体需求来选择适合的方式。如果我们需要判断字符串中是否存在某个位置的字符，或者需要将字符串中的某个字符替换为其他字符，就可以使用字符串[x] 的语法；如果我们只需要获取指定位置上的字符，那么可以使用 charAt(x) 方法。
-- -------------------- ---- ------- -- -------------- ----- --- - ------ ------- -- ------- --- ---- - ------------------ - -- ----------------- ----- --- - ------ ------- ----- ------ - ------------------- ----- -------------------- -- ---------- ----- --- - ------ ------- ---------------------------
当然，在现代浏览器环境下，由于字符串[x] 语法的兼容性较高，我们也可以优先使用这种方式来获取字符串中指定位置的字符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9156
