JS截取第一个字符的全面分析

一、方法一：substring()

在JS中要截取字符串的指定部分，可以使用substring()方法。这个方法有两个参数：起始位置和结束位置。

let str = "Hello World";
let subStr = str.substring(0, 5);
console.log(subStr); // Hello

上面的代码中，substring()方法将字符串str的第0个位置到第5个位置的字符截取出来，结果为"Hello"。

需要注意的是，这个方法不会改变原始字符串，而是返回一个新的字符串。

二、方法二：slice()

另一个截取字符串的方法是slice()，它也有两个参数：起始位置和结束位置。不同之处在于，如果参数为负数，则表示从末尾开始计算位置。

let str = "Hello World";
let subStr = str.slice(6, 11);
console.log(subStr); // World

上面的代码中，slice()方法将字符串str的第6个位置到第11个位置的字符截取出来，结果为"World"。

如果没有第二个参数，则默认截取到字符串的末尾。如果参数为负数，则表示从末尾开始计算位置，比如-1表示倒数第一个字符。

三、方法三：charAt()

charAt()方法可用于返回指定位置的字符。

let str = "Hello World";
let char = str.charAt(0);
console.log(char); // H

上面的代码中，charAt()方法返回字符串str的第0个位置上的字符"H"。

四、方法四：charAt()和slice()结合使用

当需要截取字符串的第一个字符时，可以将charAt()方法和slice()方法结合使用。

let str = "Hello World";
let firstChar = str.charAt(0);
let subStr = str.slice(1);
console.log(firstChar); // H
console.log(subStr); // ello World

上面的代码中，charAt()方法将字符串str的第0个位置上的字符"H"传给firstChar变量，slice()方法则将从第1个位置开始到字符串末尾的字符串截取出来。

五、方法五：ES6的新特性

在ES6中，可以使用字符串模板${}来截取字符串的第一个字符。

let str = "Hello World";
let firstChar = `${str.charAt(0)}`;
console.log(firstChar); // H

上面的代码中，字符串模板${}中使用了charAt()方法来获取第一个字符。

六、总结

从上面的分析中，我们可以看出，JS截取第一个字符有多种方法，不同的方法适用于不同的情况。substring()和slice()方法可以截取任意位置的字符串，而charAt()方法则是返回指定位置上的字符。而结合charAt()和slice()方法，可以很方便地截取字符串的第一个字符。

最后，在新时代下，ES6的新特性也为我们提供了更加简洁的方式来截取字符串的第一个字符。