Substr函数详解和比较,slice使用对比

在JavaScript中,提取子字符串主要是通过 Slice、Substring、Substr
三个方法之一。

常用三个的字符串截取函数:substr substring slice,调用方式如下

复制代码 代码如下:

复制代码 代码如下:

// slice
// 语法: string.slice(start [, stop])
“Good news, everyone!”.slice(5,9);
// ‘news’

stringObject.slice(start,end)
stringObject.substr(start,length)
stringObject.substring(start,end)

// substring
// 语法: string.substring(indexA [, indexB])
“Good news, everyone!”.substring(5,9);
// ‘news’

最明显的是substr,第二个参数是length,是截取长度,其他两个函数的第二个参数都是末尾字符的下标(这里并不包括该下标的字符,只截取到该字符的前一个字符)

// substr
// 语法: string.substr(start [, length])
“Good news, everyone!”.substr(5,4);
// ‘news’

slice跟substring比,slice下标可以是负数,比如-1表示最后一个字符,而substring不能。substring如果
start 比end
大,那么在提取子串之前会先交换这两个参数,而slice不会,slice会返回空字符串

在三个方法之中输入一个  start 的索引参数,和一个可选的 end 索引( 或
length )参数。

例子:

但他们在一些重要的方面有所不同:
1.substr()方法从指定位置,提取指定数量的字符。
param: start 开始提取字符的位置索引,length 提取字符的数量长度。
return: 一个新的字符串。 从 start 处开始的 length 个字符。
在不同浏览器有不一致的表现,现代浏览器允许 start
索引参数为负数,来表示从字符串结尾处开始,提取字符的数量。但是在ie8及以下版本浏览器
start索引参数 最小从0开始计算。【 substr
为Web浏览器附加的ECMAScript特性,不建议使用时 start 索引为负值】

复制代码 代码如下:

复制代码 代码如下:

var str=”Helloworld”
console.log(str.substr(0, 2))
console.log(str.substring(2, 0))
console.log(str.substring(0, 2))
console.log(str.slice(0, -1))
console.log(str.slice(-1, 0))

var str = “abcdefghij”;

输出:

console.log(“(1): ”      + str.substr(1));     // (1): bcdefghij
console.log(“(1,2): ”    + str.substr(1,2));   // (1,2): bc

He
He
He
Helloworl
(空字符串)

console.log(“(-3): ”     + str.substr(-3));    // (-3): hij
console.log(“(-3,2): ”   + str.substr(-3,2));  // (-3,2): hi

您可能感兴趣的文章:

  • JS 截取字符串substr 和
    substring方法的区别
  • js
    String对象中常用方法小结(字符串操作)
  • js字符串的各种格式的转换
    ToString,Format
  • js
    substring()字符串截取函数
  • JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
  • JavaScript字符串String和Array操作的有趣方法
  • Javascript String
    字符串操作包
  • JavaScript中使用Substring删除字符串最后一个字符
  • 几个常用的JavaScript字符串处理函数 –
    split()、join()、substring()和indexOf()
  • javascript截取字符串(通过substring实现并支持中英文混合)
  • javascript之大字符串的连接的StringBuffer
  • 简单总结JavaScript中的String字符串类型

console.log(“(20, 2): ”  + str.substr(20,2));  // (20, 2):
console.log(“(-20, 2): ” + str.substr(-20,2)); // (-20, 2): ab

 

// ie8及以下
console.log(“(-3): ” + str.substr(-2)); // (-20, 2): hij
console.log(“(-3, 2): ” + str.substr(-2)); // (-20, 2): ab

2.substring() 方法用于提取字符串 一个index索引至另一个之间的子集,
或是直到字符串的结束。
param: indexA, indexB 两个参数取值范围为一个0 至
字符串长度之间的整数。
return: 返回一个新的字符串, 从小的索引开始 到
大的索引之间,包括小的索引位置字符,不包括大的索引位置字符。
substring
的参数是可反转的,它总是使用小的的参数值作为开始,大的参数值作为结束。
如果参数是小于0或NaN,它被看作是0,如果参数大于字符串的长度,被视为字符串的长度值.

复制代码 代码如下:

// assumes a print function is defined
var anyString = “Mozilla”;

// Displays “Moz”
console.log(anyString.substring(0,3));
console.log(anyString.substring(3,0));

// Displays “lla”
console.log(anyString.substring(4,7));
console.log(anyString.substring(7,4));

// Displays “Mozill”
console.log(anyString.substring(0,6));

// Displays “Mozilla”
console.log(anyString.substring(0,7));
console.log(anyString.substring(0,10));

3.slice 提取字符串的一部分。
param:
beginSlice开始提取字符的位置索引,可以为负,如果为负值被视为(sourceLength-beginSlice),sourceLength是字符串的长度,即:从字符串的尾部开始算起的位置endSlice
结束提取的字符的位置索引。如果省略,提取到结束。如果为负值被视为(sourceLength-endSlice)。
return: 返回一个新的字符串,从 start 开始(包括 start)到 end
结束(不包括 end)为止的所有字符。
参数都可以为负,如果索引是负的,则从字符串的尾部开始算起。

复制代码 代码如下:

var str1 = “The morning is upon us.”;
console.log(str1.slice(4, -2));   //  morning is upon u

var str = “The morning is upon us.”;
str.slice(-3);     // “us.”
str.slice(-3, -1); // “us”
str.slice(0, -1);  // “The morning is upon us”

您可能感兴趣的文章:

  • JavaScript中join()方法的使用简介
  • 几个常用的JavaScript字符串处理函数 –
    split()、join()、substring()和indexOf()
  • JavaScript中push(),join() 函数
    实例详解
  • JavaScript中split与join函数的进阶使用技巧
  • javaScript之split与join的区别(详解)
  • JavaScript中的splice方法用法详解
  • javascript中不易分清的slice,splice和split三个函数
  • javascript中slice(),splice(),split(),substring(),substr()使用方法
  • 原生JS中slice()方法和splice()区别
  • JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
  • JavaScript中join()、splice()、slice()和split()函数用法示例

相关文章