前言

在前端开发过程中,对JS相关的字符串处理可谓是家常便饭,对字符串对处理也是前端开发过程中使用频率非常高的知识点之一,对从后台获取到的字符串进行二次处理也是非常普遍的需求,那么本文就来分享一下在前端开发过程中对字符串截取处理相关的知识点。

知识点

关于在JS中截取字符串的方法有三种: substring()、substr()、slice()。这三种方法在平时开发过程中可能都用到过,但是对于这些方法的具体使用和区别会有点蒙圈,尤其是方法substring()和substr(),二者非常相似,那么接下来就来具体的看一下异同点。

相同点

substring()、substr()、slice()这三个方法都可以对JS中的字符串进行截取处理,并且返回一个新的字符串,也就是说它们不会对原字符串进行修改。

不同点

substring()、substr()、slice()这三个方法的不同之处在于参数的不同,那么接下来就来分享一下具体的不同点对比。

一、substring()方法

语法: string.substring(from, to)

定义和用法:

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的子串包括“开始”处的字符,但不包括“结束”处的字符。

释义:

substring()方法从 from 位置截取到 to 位置,to 可选择,没有设置时默认到字符串的最末尾。

参数:

<

前端开发:JS中截取字符串的用法总结相关推荐

  1. js中截取字符串前几位的两种方法slice()substring()

    在Javascript使用字符串中,我们不一定需要全部的字符串,这时就需要截取字符串.本文主要介绍js中截取字符串前几位的两种方法:1.使用slice() 方法:2.使用substring() 方法. ...

  2. java中截取部分字符串_JAVA中截取字符串substring用法详解

    substring public String substring(int beginIndex) 返回一个新的字符串,它是此字符串的一个子字符串.该子字符串始于指定索引处的字符,一直到此字符串末尾. ...

  3. java截取倒数后六位的字符串_JAVA中截取字符串substring用法详解

    substring public String substring(int beginIndex) 返回一个新的字符串,它是此字符串的一个子字符串.该子字符串始于指定索引处的字符,一直到此字符串末尾. ...

  4. java js 截取字符串_JavaScript:在JS中截取字符串的方法

    这篇主要说一说截取字符串的方法,用于帮助自己缕清方法的作用,参数的意义,返回值,是否对于原来的字符串进行了操作等. 在javascript中,常见的截取字符串的方法有slice().substring ...

  5. js中截取字符串方法的区别

    在截取字符串时常常会用到substr().substring().slice()这几个方法,经常会混淆它们之间的用法,所以今天特地总结一下. slice()方法 定义:接受一个或者两个参数,第一个参数 ...

  6. 小程序js中截取字符串

    /** 描述:截取字符串* str: 源字符串* len: 显示的字节数* suf: 尾部追加字符串*/function substr(str, len, suf) {if (!str || !len ...

  7. sql中截取字符串函数_SQL Server 2017中的顶级SQL字符串函数

    sql中截取字符串函数 SQL Server 2017 has been in the talk for its many features that simplify a developer's l ...

  8. html dom createevent,js 中 document.createEvent的用法

    js 中 document.createEvent的用法 更新时间:2010年08月29日 23:22:02   作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...

  9. js中把字符串第四个到第五个字符替换成#

    js中把字符串第四个到第五个字符替换成# substring 方法 返回位于 String 对象中指定位置的子字符串. strVariable.substring(start, end) " ...

最新文章

  1. Windows Ruby使用Mysql环境配置
  2. Django Models一对多操作
  3. 关于自适应宽度圆角的最简单的解决办法
  4. 隐藏驱动模块(源码)
  5. seata 如何开启tcc事物_微服务分布式事务4种解决方案实战
  6. 警惕 | 警惕,mybatis的size()方法竟然有坑!
  7. Cloudera Manager 5和CDH5(最新版5.1.3) 安装
  8. oss批量上传工具_OssExplorer一OSS的专用客户端工具【最新版】_Windows_Windows server 2008-云市场-阿里云...
  9. tomcat乱码的几种解决
  10. 新商用密码产品认证梳理——检测和认证机构篇
  11. 解决“npm不是内部或外部命令“
  12. 如何获取地址栏的id (参数)
  13. char可以是负数吗
  14. Photoshop CC 2017 软件安装包+安装教程
  15. php中table是什么意思,table标签是什么意思
  16. arcgis sceneView 风场
  17. linux终端 字符界面 显示乱码
  18. System.Data.SqlClient.SqlException:“在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。未找到或无法访问服务器。请验证实例名称是否正确并且 S
  19. 苹果cmsV10采集插件一键配置定时任务采集
  20. 时间类Carbon的安装和使用

热门文章

  1. PHP使用 Redis 实现消息队列
  2. selenium java自动化测试
  3. java List与json的转换
  4. OSGi 框架的组件运行机制
  5. 【小程序】视图与逻辑
  6. spark+mongodb大数据框架搭建
  7. nnunet入门之一 (CT图像分割)
  8. 十五、《大数据项目实战之用户行为分析》HBase数据表操作
  9. 【图文详解】【pycharm】pycharm更换背景颜色
  10. 三角测量的一些基础理论