面试题：JavaScript中字符串如何像数组一样获取指定位置字符

Question

在JavaScript里，有哪些方式可以像操作数组一样获取字符串中指定位置的字符？请举例说明，并阐述不同方式的适用场景及可能存在的兼容性问题。

Answer 1

在JavaScript中，有以下几种方式可以像操作数组一样获取字符串中指定位置的字符：

1. 使用方括号 [] 语法

const str = "Hello";
const char = str[1];
console.log(char); // 输出 'e'

• 适用场景：简洁直观，适用于大多数日常获取字符串特定位置字符的场景。
• 兼容性：现代浏览器和JavaScript环境都广泛支持。但在较旧的JavaScript引擎（如IE8及以下）中，可能无法返回 undefined 来表示越界访问，而是返回 null。

2. 使用 charAt() 方法

const str = "Hello";
const char = str.charAt(1);
console.log(char); // 输出 'e'

• 适用场景：在需要明确获取字符串指定位置字符，且对兼容性要求较高的场景下适用。
• 兼容性：兼容性非常好，几乎支持所有JavaScript运行环境，包括古老的浏览器。

3. 使用 split('') 方法将字符串转换为字符数组后访问

const str = "Hello";
const charArray = str.split('');
const char = charArray[1];
console.log(char); // 输出 'e'

• 适用场景：当后续需要对字符串进行数组相关操作时，先转换为数组再访问字符会很方便，例如对字符进行排序等。
• 兼容性：兼容性良好，但这种方式性能相对较差，因为涉及到字符串的拆分操作。在现代浏览器中一般都能很好支持，但在性能敏感的场景需谨慎使用。