从字符串中提取第一个字符是JavaScript中的一项常见任务。虽然有多种方法可以实现这一点，但有些方法比其他方法更高效且更易读。本文比较了四种方法：charAt()、slice()、substring()和substr()，并重点介绍了它们的优缺点。
目录
使用charAt()
charAt()方法直接访问指定索引处的字符。对于第一个字符，使用索引0。
let myString = "Hello World!";
let firstChar = myString.charAt(0);
console.log(firstChar); // 输出：H
charAt()简洁、易读，并且专门为此目的而设计。它通常因其简单性而成为首选方法。
使用slice()
slice()方法提取字符串的一部分。要获取第一个字符，请指定起始索引为0，结束索引为1。
let myString = "Hello World!";
let firstChar = myString.slice(0, 1);
console.log(firstChar); // 输出：H
slice()比charAt()更通用，允许您提取任何长度的子字符串。如果您可能需要在代码中提取的不仅仅是第一个字符，这是一个不错的选择。
使用substring()
与slice()类似，substring()提取子字符串。但是，它不接受负索引。要获取第一个字符，请使用0作为起始索引，1作为结束索引。
let myString = "Hello World!";
let firstChar = myString.substring(0, 1);
console.log(firstChar); // 输出：H
对于此任务，substring()的功能等同于slice()，但它对负索引的限制使其灵活性较差。通常更推荐使用slice()。
使用substr()（已弃用）
substr()方法虽然有效，但被认为是遗留方法。它采用起始索引和子字符串的长度作为参数。
let myString = "Hello World!";
let firstChar = myString.substr(0, 1);
console.log(firstChar); // 输出：H
在现代JavaScript中，不鼓励使用substr()，而推荐使用更一致且更易读的slice()和substring()方法。
推荐
对于简单地获取第一个字符，charAt()是最简洁和最易读的选项。如果您预期需要提取不同长度的子字符串，slice()提供了更好的灵活性。除非您正在处理遗留代码，否则避免使用substr()。