JavaScript中slice、splice、split、substring与substr方法详解

作者:木棉时间:2026-10-29 07:04:14浏览:594

本文详细解析JavaScript中五种常用的数据截取与分割方法:slice、splice、split、substring和substr。重点区分数组与字符串对象中各方法的参数差异、返回值特性及对原数据的影响,帮助开发者根据实际需求选择合适的方法,避免常见的使用误区。

slice() 方法详解

1. slice() 方法

该方法同时适用于 Array 和 String 对象。

在 Array 对象中,使用语法为 slice(i, [j])。

其中 i 表示开始截取的索引值,若为负数则代表从末尾倒序计算的索引,-1 对应倒数第一个元素。

参数返回结果:返回从索引 i 到 j 的子数组,原数组保持不变。

在 String 对象中,同样使用语法 slice(i, [j])。

参数说明:i 为开始截取的索引值,负数表示从末尾算起的索引,-1 对应倒数第一个字符;j 为结束索引,若省略则截取从 i 到末尾的所有字符。

splice() 方法详解

2. splice() 方法

该方法仅存在于 Array 对象中,用于向或从数组中添加或删除项目,并返回被删除的项目。注意:该方法会直接修改原始数组。

语法格式为 splice(index, howmany, item1, ..., itemX)。

index:必需参数,整数类型,规定添加或删除项目的位置,支持使用负数从数组末尾指定位置。

howmany:必需参数,指定要删除的项目数量;若设置为 0,则不删除任何项目。

item1...itemX:可选参数,指定要向数组添加的新项目。

返回值:返回包含被删除项目的新数组(如果存在删除操作的话)。

split() 方法详解

3. split() 方法

该方法仅适用于 String 对象,语法为 split(separator, howmany)。

separator:必需参数,可以是字符串或正则表达式,指定从何处分割 stringObject。

howmany:可选参数,指定返回数组的最大长度。若设置此参数,返回的子串数量不会超过该值;若未设置,则分割整个字符串,忽略其长度。

返回值类型:

返回一个字符串数组,该数组是通过在 separator 指定的边界处将字符串分割成子串创建的。返回的数组中不包含 separator 本身。

需要注意的是,如果 separator 是包含子表达式的正则表达式,返回的数组中将包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

该方法的执行效果与 join() 函数相反。

substring() 与 substr() 方法详解

4. substring() 方法

该方法仅适用于 String 对象,语法为 substring(start, stop)。

start:表示子字符串的起始位置。

stop:表示子字符串的结束位置。

特别注意:第二个参数 stop 应当大于第一个参数 start。如果 start 大于 stop,substring 方法会自动交换这两个参数的位置。

5. substr() 方法

该方法仅适用于 String 对象,语法为 substr(start, length)。

start:表示子字符串的起始位置。

length:表示子字符串的长度。

以上即为本文的全部内容,希望对大家有帮助。

作者最新文章