JavaScript 截取字符串代码实例


Posted in Javascript onSeptember 05, 2019

这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

<script>
    $(document).ready(function () {
      //下标从0开始
      let str = '123456789';
      //使用一个参数
      console.log(str.slice(3)) //从第4个字符开始,截取到最后个字符;返回"456789"
      console.log(str.substring(3)) //从第4个字符开始,截取到最后个字符;返回"456789"
      //使用两个参数
      console.log(str.slice(1, 5)) //从第2个字符开始,到第5个字符;返回"2345"
      console.log(str.substring(1, 5)) //从第2个字符开始,到第5个字符;返回"2345"
      //如果只用一个参数并且为0的话,那么返回整个参数
      console.log(str.slice(0))
      console.log(str.substring(0))
      //返回第一个字符
      console.log(str.slice(0, 1)) //1
      console.log(str.substring(0, 1)) //1
      //在上面的例子中我们可以看出slice()和substring()的用法是相同的
      //返回的值也是一样的,但当参数为负数时,他们的返回值却不一样,看下面的例子
      console.log(str.slice(2, -5)) // 34
      console.log(str.substring(2, -5)) // 12
      //从上面两个例子可以看出slice(2,-5)实际上是slice(2,4)
      //负5加上字符串长度9转换成正4(若第一位数字等于或大于第二位数字,则返回空字符串);
      //而substring(2,-5)实际上是substring(2,0),负数转换为0,substring总是把较小的数作为起始位置。
      //substring和substr的区别
      //相同点:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段。
      let str2 = '123456789';
      console.log(str2.substr(2)); // "3456789"
      console.log(str2.substring(2)); // "3456789"
      //不同点:第二个参数
      //substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始点截取某个长度的字符串);
      //substring(startIndex, endIndex): 第二个参数是截取字符串最终的下标 (截取2个位置之间的字符串,‘含头不含尾')。
      console.log("123456789".substr(2, 5)); // "34567"  从下标2开始,截取5个
      console.log("123456789".substring(2, 5)); // "345" 从下标2开始,截取到下标为5的长度
      //总结:String.substr(startIndex,lenth) 这个是我们常用的从指定的位置(startIndex)截取指定长度(lenth)的字符串; 
      //String.substring(startIndex, endIndex) 这个是startIndex,endIndex里找出一个较小的值,然后从字符串的开始位置算起,截取较小值位置和较大值位置之间的字符串,截取出来的字符串的长度为较大值与较小值之间的差。
      // 函数:split() 
      //功能:使用一个指定的分隔符把一个字符串分割存储到数组
      let str3 = '1,2,3,4,5,6';
      let arr = str3.split(',');
      console.log(arr); //["1", "2", "3", "4", "5", "6"]
      // 函数:John() 
      // 功能:使用您选择的分隔符将一个数组合并为一个字符串
      let myList = new Array('jpg', 'bmp', 'gif', 'ico', 'png');
      let portableList = myList.join('|');
      console.log(portableList); //jpg|bmp|gif|ico|png      
    })
  </script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让JavaScript拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
基于JavaScript实现控制下拉列表
May 08 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
a标签调用js的方法总结
Sep 05 #Javascript
VsCode与Node.js知识点详解
Sep 05 #Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 #Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 #Javascript
关于JS解构的5种有趣用法
Sep 05 #Javascript
vue draggable resizable gorkys与v-chart使用与总结
Sep 05 #Javascript
JavaScript获取某一天所在的星期
Sep 05 #Javascript
You might like
PHP XML error parsing SOAP payload on line 1
2010/06/17 PHP
laravel安装和配置教程
2014/10/29 PHP
php实现插入排序
2015/03/29 PHP
PHP实现自动发送邮件功能代码(qq 邮箱)
2017/08/18 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
js闭包的用途详解
2014/11/09 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
Python装饰器原理与基本用法分析
2020/01/07 Python
Python的历史与优缺点整理
2020/05/26 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
培训协议书范本
2014/04/22 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
学习教师法的心得体会
2014/09/03 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
单位收入证明范本
2015/06/18 职场文书
民间借贷纠纷答辩状
2015/08/03 职场文书