JS字符截取用法介绍(截取字符串多种方法)

一、基本概念

字符截取是指将一个字符串中指定位置的一段字符或一个字符一个一个地按顺序取出来。在Web开发中，经常需要对字符串进行截取操作。JavaScript提供了多种方式来实现这个功能。

JavaScript中最常用的字符截取方法是substring()方法。这个方法接受两个参数，第一个参数表示要截取的开始位置，第二个参数表示要截取的结束位置（不包括此位置的字符）。

var str = "Hello World!";
var result = str.substring(3, 7); // 从第4个字符开始截取，截取到第8个字符（不包括）
console.log(result); // "lo W"

如果只传入一个参数，则表示从这个位置开始截取到字符串结尾。

var str = "Hello World!";
var result = str.substring(6); // 从第7个字符开始截取，一直截取到字符串结尾
console.log(result); // "World!"

需要注意的是，如果传入的参数是负数，则substring()方法会将其视为0。

slice()方法与substring()方法作用相同，都是用来截取字符串。只不过它的参数有所不同。slice()方法接受两个参数，第一个参数表示截取的开始位置，第二个参数表示截取的结束位置（也不包括此位置的字符）。

var str = "Hello World!";
var result = str.slice(3, 7); // 从第4个字符开始截取，截取到第8个字符（不包括）
console.log(result); // "lo W"

如果只传入一个参数，则表示从这个位置开始截取到字符串结尾。

var str = "Hello World!";
var result = str.slice(6); // 从第7个字符开始截取，一直截取到字符串结尾
console.log(result); // "World!"

需要注意的是，如果传入的参数是负数，则表示从字符串末尾开始算起，负数的绝对值表示从末尾开始截取的第几个字符。

var str = "Hello World!";
var result = str.slice(-6); // 从倒数第6个字符开始截取，一直截取到字符串结尾
console.log(result); // "World!"

substr()方法也是用来截取字符串的。它接受两个参数，第一个参数表示截取的开始位置，第二个参数表示截取的长度。

var str = "Hello World!";
var result = str.substr(3, 4); // 从第4个字符开始截取，截取4个字符
console.log(result); // "lo W"

需要注意的是，如果传入的第一个参数是负数，则substr()方法会将其视为字符串长度减去这个数。

var str = "Hello World!";
var result = str.substr(-6, 6); // 从倒数第6个字符开始截取，截取6个字符
console.log(result); // "World!"

split()方法可以将字符串按照指定的分隔符分割成数组。可以利用这个方法实现将字符串按照指定的位置分割成两个部分。

var str = "Hello World!";
var result = str.split(" "); // 按照空格分割字符串
console.log(result); // ['Hello', 'World!']

如果需要把字符串按照指定位置截取成两部分，可以将substring()方法和split()方法组合使用。

var str = "Hello World!";
var result = str.substring(0, 5).split(' '); // 从第1个字符开始截取，截取到第6个字符，然后按照空格分割字符串
console.log(result); // ['Hello']

以上便是JavaScript中常用的字符截取方法。它们虽然有些差异，但是功能都大致相同，选择哪一种方法主要取决于具体的需求。