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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
javascript new fun的执行过程
Aug 05 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
Oct 11 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
JS数组的赋值介绍
Mar 10 Javascript
Node.js文件操作详解
Aug 16 Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 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新手上路(六)
2006/10/09 PHP
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
基于php split()函数的用法详解
2013/06/05 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
javascript两段代码,两个小技巧
2010/02/04 Javascript
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
wxPython定时器wx.Timer简单应用实例
2015/06/03 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
对Python中range()函数和list的比较
2018/04/19 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
关于Keras Dense层整理
2020/05/21 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
银行员工辞职信范文
2014/01/20 职场文书
学校节能减排方案
2014/06/13 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
MySQL 使用事件(Events)完成计划任务
2021/05/24 MySQL
总结一些Java常用的加密算法
2021/06/11 Java/Android
PyTorch中的torch.cat简单介绍
2022/03/17 Python
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers
MySQL导致索引失效的几种情况
2022/06/25 MySQL