js截取字符串函数

一、substring()

substring()方法返回一个索引和另一个索引之间的字符串,语法如下:

str.substring(indexStart, indexEnd)

下面有六点需要注意:

substring()从提取的字符indexStart开始,到indexEnd,但不包括 indexEnd

如果indexStart 等于indexEnd,substring()返回一个空字符串。

如果indexEnd省略,则将str字符提取到字符串的末尾。

如果任一参数小于0或是NaN,它被视为0。

如果任何一个参数都大于str.length,则被视为是str.length。

如果indexStart大于indexEnd,那么效果substring()就好像这两个论点被交换了一样; 例如,str.substring(1, 0) == str.substring(0, 1)

以下是一些示例代码:

var str ='abcdefghij';

console.log('(1, 2): '+ str.substring(1,2));  // '(1, 2): b'

console.log('(1, 1): '+ str.substring(1,1));  // '(1, 1): '

console.log('(-3, 2): '+ str.substring(-3,2));  // '(-3, 2): ab'

console.log('(-3): '+ str.substring(-3));  // '(-3): abcdefghij'

console.log('(1): '+ str.substring(1));  // '(1): bcdefghij'

console.log('(-20, 2): '+ str.substring(-20,2));  // '(-20, 2): ab'

console.log('(2, 20): '+ str.substring(2,20));  // '(2, 20): cdefghij'

console.log('(20, 2): '+ str.substring(20,2));  // '(20, 2): cdefghij'


二、substr()

substr()方法返回从指定位置开始的字符串中指定字符数的字符,语法如下:

str.substr(start, length)

下面有四点需要注意:

substr()会从start获取长度为length字符(如果截取到字符串的末尾,则会停止截取)。

如果start是正的并且大于或等于字符串的长度,则substr()返回一个空字符串。

若start为负数,则将该值加上字符串长度后再进行计算(如果加上字符串的长度后还是负数,则从0开始截取)。

如果length为0或为负数,substr()返回一个空字符串。如果length省略,则将substr()字符提取到字符串的末尾。

以下是一些示例代码:

var str ='abcdefghij';

console.log('(1, 2): '+ str.substr(1,2));// '(1, 2): bc'

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

console.log('(-3): '+ str.substr(-3));// '(-3): hij'

console.log('(1): '+ str.substr(1));// '(1): bcdefghij'

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

console.log('(20, 2): '+ str.substr(20,2));// '(20, 2): '

需要注意的是,Microsoft的JScript不支持起始索引的负值。如果要使用此功能,可以使用以下兼容性代码来解决此错误:

// only run when the substr() function is brokenif('ab'.substr(-1) !='b') {/**

  *  Get the substring of a string

  *  @param  {integer}  start  where to start the substring

  *  @param  {integer}  length  how many characters to return

  *  @return {string}

  */

String.prototype.substr =function(substr){

    returnfunction(start, length){

        // call the original method

        returnsubstr.call(this,

            // did we get a negative start, calculate how much it is from the beginning of the string

            // adjust the start parameter for negative value

            start <0?this.length + start : start,

            length)

        }  

    }(String.prototype.substr);

}


三、substring()与substr()的主要区别

substring()方法的参数表示起始和结束索引,substr()方法的参数表示起始索引和要包含在生成的字符串中的字符的长度,示例如下:

var text ='Mozilla';

console.log(text.substring(2,5));// => "zil"

console.log(text.substr(2,3));// => "zil"


四、slice()

slice()方法返回一个索引和另一个索引之间的字符串,语法如下:

str.slice(beginIndex, endIndex)

下面有三点需要注意:

若beginIndex为负数,则将该值加上字符串长度后再进行计算(如果加上字符串的长度后还是负数,则从0开始截取)。

如果beginIndex大于或等于字符串的长度,则slice()返回一个空字符串。

如果endIndex省略,则将slice()字符提取到字符串的末尾。如果为负,它被视为strLength + endIndex其中strLength是字符串的长度。

以下是一些示例代码:

var str ='abcdefghij';

console.log('(1, 2): '+ str.slice(1,2));// '(1, 2): b'

console.log('(-3, 2): '+ str.slice(-3,2));// '(-3, 2): '

console.log('(-3, 9): '+ str.slice(-3,9));// '(-3, 9): hi'

console.log('(-3): '+ str.slice(-3));// '(-3): hij'

console.log('(-3,-1): '+ str.slice(-3,-1));// '(-3,-1): hi'

console.log('(0,-1): '+ str.slice(0,-1));// '(0,-1): abcdefghi'

console.log('(1): '+ str.slice(1));// '(1): bcdefghij'

console.log('(-20, 2): '+ str.slice(-20,2));// '(-20, 2): ab'

console.log('(20): '+ str.slice(20));// '(20): 

'console.log('(20, 2): '+ str.slice(20,2));// '(20, 2): '


原文链接:https://www.cnblogs.com/wangyulue/p/7718532.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342