400-650-7353
您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】String对象(下)

【Web前端基础知识】String对象(下)

  • 发布: 优就业it培训
  • 来源:
  • 2022-08-03 17:24:36
  • 阅读()
  • 分享
  • 手机端入口

String.prototype.substring()

substring方法用于从原字符串取出子字符串并返回,不改变原字符串,跟slice方法很相像。它的第一个参数表示子字符串的开始位置,第二个位置表示结束位置(返回结果不含该位置)。

  1. 'JavaScript'.substring(0, 4) // "Java" 

如果省略第二个参数,则表示子字符串一直到原字符串的结束。

  1. 'JavaScript'.substring(4) // "Script" 

如果第一个参数大于第二个参数,substring方法会自动更换两个参数的位置。

  1. 'JavaScript'.substring(10, 4) // "Script" 
  2.  
  3. // 等同于 
  4.  
  5. 'JavaScript'.substring(4, 10) // "Script" 

上面代码中,调换substring方法的两个参数,都得到同样的结果。

如果参数是负数,substring方法会自动将负数转为0。

  1. 'JavaScript'.substring(-3) // "JavaScript" 
  2.  
  3. 'JavaScript'.substring(4, -3) // "Java" 

上面代码中,第二个例子的参数-3会自动变成0,等同于'JavaScript'.substring(4, 0)。由于第二个参数小于第一个参数,会自动互换位置,所以返回Java。

由于这些规则违反直觉,因此不建议使用substring方法,应该优先使用slice。

String.prototype.substr()

substr方法用于从原字符串取出子字符串并返回,不改变原字符串,跟slice和substring方法的作用相同。

substr方法的第一个参数是子字符串的开始位置(从0开始计算),第二个参数是子字符串的长度。

  1. 'JavaScript'.substr(4, 6) // "Script" 

如果省略第二个参数,则表示子字符串一直到原字符串的结束。

  1. 'JavaScript'.substr(4) // "Script" 

如果第一个参数是负数,表示倒数计算的字符位置。如果第二个参数是负数,将被自动转为0,因此会返回空字符串。

  1. 'JavaScript'.substr(-6) // "Script" 
  2.  
  3. 'JavaScript'.substr(4, -1) // "" 

上面代码中,第二个例子的参数-1自动转为0,表示子字符串长度为0,所以返回空字符串。

String.prototype.indexOf(),String.prototype.lastIndexOf()

indexOf方法用于确定一个字符串在另一个字符串中第一次出现的位置,返回结果是匹配开始的位置。如果返回-1,就表示不匹配。

  1. 'hello world'.indexOf('o'// 4 
  2.  
  3. 'JavaScript'.indexOf('script'// -1 

indexOf方法还可以接受第二个参数,表示从该位置开始向后匹配。

  1. 'hello world'.indexOf('o', 6) // 7 

lastIndexOf方法的用法跟indexOf方法一致,主要的区别是lastIndexOf从尾部开始匹配,indexOf则是从头部开始匹配。

  1. 'hello world'.indexOf('o', 6) // 7 

另外,lastIndexOf的第二个参数表示从该位置起向前匹配。

  1. 'hello world'.lastIndexOf('o', 6) // 4 

String.prototype.trim()

trim方法用于去除字符串两端的空格,返回一个新字符串,不改变原字符串。

  1. ' hello world '.trim() 
  2.  
  3. // "hello world" 

该方法去除的不仅是空格,还包括制表符(\t、\v)、换行符(\n)和回车符(\r)。

  1. '\r\nabc \t'.trim() // 'abc' 

String.prototype.split()

split方法按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组。

  1. 'a|b|c'.split('|'// ["a", "b", "c"] 

如果分割规则为空字符串,则返回数组的成员是原字符串的每一个字符。

  1. 'a|b|c'.split(''// ["a", "|", "b", "|", "c"] 

如果省略参数,则返回数组的唯一成员就是原字符串。

  1. 'a|b|c'.split() // ["a|b|c"] 

如果满足分割规则的两个部分紧邻着(即两个分割符中间没有其他字符),则返回数组之中会有一个空字符串。

  1. 'a||c'.split('|'// ['a', '', 'c'] 

如果满足分割规则的部分处于字符串的开头或结尾(即它的前面或后面没有其他字符),则返回数组的第一个或最后一个成员是一个空字符串。

  1. '|b|c'.split('|'// ["", "b", "c"] 
  2.  
  3. 'a|b|'.split('|'// ["a", "b", ""] 

以上,我们对String对象创建方式和常用方法做了说明,希望能让你对String对象有清晰的了解。

文章“【Web前端基础知识】String对象(下)”已帮助

更多内容

>>本文地址:http://www.ujiuye.com/zhuanye/2022/72193.html

THE END  

声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

领取零基础自学IT资源

(内含学习路线+视频教程+项目源码)

涉及Java、Web前端、UI设计、软件测试、Python等多个IT热门方向

打开微信扫一扫即可领取哦~

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 

快速通道fast track

近期开班时间TIME