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深入理解js闭包
Jul 03 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
Apr 16 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
浅谈es6 javascript的map数据结构
Dec 14 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 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中的登陆login
2007/01/18 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
JS 时间显示效果代码
2009/08/23 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
jquery与prototype框架的详细对比
2013/11/21 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
JavaScript中的this妙用实例分析
2020/05/09 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
python如何爬取个性签名
2018/06/19 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
详解python pandas 分组统计的方法
2019/07/30 Python
Python统计分析模块statistics用法示例
2019/09/06 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
公司门卫管理制度
2014/02/01 职场文书
实习生岗位职责
2014/04/12 职场文书
电子商务专业应届生求职信
2014/05/28 职场文书
激励口号大全
2014/06/17 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
初中班主任培训心得体会
2016/01/07 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书