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图像处理—为矩阵添加常用方法
Dec 27 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
vue动态设置页面title的方法实例
Aug 23 Javascript
使用vue构建多页面应用的示例
Oct 22 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
phpwind中的数据库操作类
2007/01/02 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
php基础设计模式大全(注册树模式、工厂模式、单列模式)
2015/08/31 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
javascript写的日历类(基于pj)
2010/12/28 Javascript
js浏览器本地存储store.js介绍及应用
2014/05/13 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
JavaScript实现开关等效果
2017/09/08 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
python 提取文件的小程序
2009/07/29 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
Python JSON格式数据的提取和保存的实现
2019/03/22 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
thinkphp5 路由分发原理
2021/03/18 PHP
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
医药销售求职信范文
2014/02/01 职场文书
药品促销活动方案
2014/02/14 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
员工加薪申请报告
2015/05/15 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android