JS获取字符串前几位

YQESA • 2025-04-23 00:48 • 编程

一、substring()方法详解

JS获取字符串前几位，一种常见的方式就是使用substring()方法。该方法可以接受两个参数，第一个参数表示开始位置，第二个参数表示结束位置（不包括该位置），如果只有一个参数，将返回从该位置到字符串结尾的所有字符。下面是代码示例：

let str = "Hello world!";
let subStr = str.substring(0, 5);
console.log(subStr);    //输出结果为：Hello

需要注意的是，如果结束位置小于开始位置，则会自动交换两个参数，例如：

let str = "Hello world!";
let subStr = str.substring(5, 0);
console.log(subStr);    //输出结果为：Hello

此时实际上是以0为开始位置，5为结束位置。

另一种常见的方式就是使用slice()方法。该方法也可以接受两个参数，第一个参数表示开始位置，第二个参数表示结束位置（不包括该位置），如果只有一个参数，将返回从该位置到字符串结尾的所有字符。下面是代码示例：

let str = "Hello world!";
let subStr = str.slice(0, 5);
console.log(subStr);    //输出结果为：Hello

需要注意的是，如果开始位置或结束位置为负数，则表示从字符串结尾倒数第几个字符开始。例如：

let str = "Hello world!";
let subStr = str.slice(-6, -1);
console.log(subStr);    //输出结果为：world

除了substring()和slice()方法，还可以使用substr()方法。该方法可以接受两个参数，第一个参数表示开始位置，第二个参数表示需要截取的字符数。下面是代码示例：

let str = "Hello world!";
let subStr = str.substr(0, 5);
console.log(subStr);    //输出结果为：Hello

需要注意的是，如果第一个参数为负数，表示从字符串结尾倒数第几个字符开始。例如：

let str = "Hello world!";
let subStr = str.substr(-6, 5);
console.log(subStr);    //输出结果为：world

除了以上三种方法，还可以通过charAt()方法和for循环结合获取字符串前几位。代码示例如下：

let str = "Hello world!";
let subStr = "";
for(let i=0; i<5; i++) {
    subStr += str.charAt(i);
}
console.log(subStr);    //输出结果为：Hello

需要注意的是，charAt()方法可以接受一个参数，表示获取字符串中某个位置的字符，从0开始计数。上面的代码实际上就是每次获取一个字符，并拼接到一个新的字符串中，循环5次后结束。

最后一种方式是使用split()方法和数组结合获取字符串前几位。先将字符串按照逗号（或其他分隔符）分割成数组，然后取前几个元素组成新的数组，再通过join()方法拼成字符串。代码示例如下：

let str = "Hello,world,!";
let subArr = str.split(",").slice(0, 2);
let subStr = subArr.join(",");
console.log(subStr);    //输出结果为：Hello,world

需要注意的是，split()方法可以接受一个参数，表示按照某个字符分割字符串，并返回一个数组。以上代码实际上是将逗号作为分隔符，将字符串分割成一个数组，然后取前两个元素组成新的数组，最后通过join()方法将新的数组拼成字符串。

原创文章，作者：YQESA，如若转载，请注明出处：https://www.506064.com/n/371164.html