JS面试题之详解slice-splice--substr-substring-slice-split-join

前言

总有人经常会搞混这几个方法，这次专门写这篇博客对这个几个经常使用的方法做一次总结，希望对大家有帮助

1.Array.prototype.slice(start,end)

• 用途：从已有的数组中返回选定的连续几个元素（不包括end）
• 参数说明：参数可为负(end可不写，默认到尾部)
• 不修改原数组
• 注意：参数start>=end时返回空数组

2.Array.prototype.splice(start,length，item1,item2,…)

• 用途：从已有的数组剔除选中的连续几个元素并返回或者添加指定的元素
• 参数说明：参数可为负(length,item?，不写时，默认到尾部，只有item，没有length时方法无效果)
• 会修改原数组（增添或删除）
• 注意：参数length<=0时,不会删除数组元素

3.Sting.prototype.substr(start,length)

• 用途：在字符串中抽取从 start 下标开始的指定数目的字符
• 参数说明：参数可为负(length可不写，默认到尾部)
• 不修改原字符串
• 注意：参数length<=0时,返回空字符串

4.Sting.prototype.substring(start,end)

• 用途：提取字符串中介于两个指定下标之间的字符（不包括end）
• 参数说明：参数不能为负(end可不写，默认到尾部)(如果两个参数都为负，返回空字符串，如一个为正，一个为负，会把这个正的相当于第二个参数，第一个参数为0)
• 不修改原字符串
• 注意：如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

5.Sting.prototype.slice(start,end)

• 用途：提取字符串的某个部分，并以新的字符串返回被提取的部分
• 参数说明：参数可为负(end可不写，默认到尾部)
• 不修改原字符串
• 注意：参数start>=end时返回空字符串

6.Sting.prototype.split(separator,howmany)

• 用途：把一个字符串按照指定字符串或字符或正则表达式分割成字符串数组（ Array.join 执行的操作是相反的）
• 参数说明：separator必需。字符串或正则表达式，howmany可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。
• 不修改原字符串

7.Array.prototype.join(separator)

• 用途：把数组中的所有元素放入一个字符串（元素是通过指定的分隔符进行分隔的）
• 参数说明：separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。(如果要无缝拼接，参数使用空字符串‘’)
• 不修改原数组

总结

记忆：

1. 只有Array.splice会修改原数组
2. Array.slice,String.slice,String.substring的参数为（start,end）
3. String.substring的参数不能为负
4. split和join用途相反

最后

希望这篇博客对大家能有所帮助，如果对你有所帮助，麻烦点赞支持一下，谢谢！