• 在我们写前端JS代码的时候,我们会遇到只需要其中部分字符串的时候,下面我就提供集中截取字符串的方法:

1.取后缀

  1. var fileDir = $("#file").val();
  2. var suffix = fileDir.substr(fileDir.lastIndexOf("."));
  3. //suffix 就是后缀;

2.函数:Join()

  1. //该函数是使用您选择的分隔符将一个数组合并为一个字符串;
  2. var myList=new Array(”g”,”o”,”o”,”d”);
  3. var newList=myList.join(” ”);
  4. //结果是g o o d

3.函数:substring()与substr() 方法

  1. //substring 方法用于提取字符串中介于两个指定下标之间的字符;substr 方法用于返回一个从指定位置开始的指定长度的子字符串
  2. var str = "0123456789";
  3.  
  4. alert(str.substring(0));------------"0123456789"
  5. alert(str.substring(5));------------"56789"
  6. alert(str.substring(10));-----------""
  7. alert(str.substring(12));-----------""
  8. alert(str.substring(-5));-----------"0123456789"
  9. alert(str.substring(-10));----------"0123456789"
  10. alert(str.substring(-12));----------"0123456789"
  11. alert(str.substring(0,5));----------"01234"
  12. alert(str.substring(0,10));---------"0123456789"
  13. alert(str.substring(0,12));---------"0123456789"
  14. alert(str.substring(2,0));----------"01"
  15. alert(str.substring(2,2));----------""
  16. alert(str.substring(2,5));----------"234"
  17. alert(str.substring(2,12));---------"23456789"
  18. alert(str.substring(2,-2));---------"01"
  19. alert(str.substring(-1,5));---------"01234"
  20. alert(str.substring(-1,-5));--------""
  21.  
  22. alert(str.substr(0));---------------"0123456789"
  23. alert(str.substr(5));---------------"56789"
  24. alert(str.substr(10));--------------""
  25. alert(str.substr(12));--------------""
  26. alert(str.substr(-5));--------------"0123456789"
  27. alert(str.substr(-10));-------------"0123456789"
  28. alert(str.substr(-12));-------------"0123456789"
  29. alert(str.substr(0,5));-------------"01234"
  30. alert(str.substr(0,10));------------"0123456789"
  31. alert(str.substr(0,12));------------"0123456789"
  32. alert(str.substr(2,0));-------------""
  33. alert(str.substr(2,2));-------------"23"
  34. alert(str.substr(2,5));-------------"23456"
  35. alert(str.substr(2,12));------------"23456789"
  36. alert(str.substr(2,-2));------------""
  37. alert(str.substr(-1,5));------------"01234"
  38. alert(str.substr(-1,-5));-----------""

4.函数:indexOf()

  1. //返回字符串中匹配子串的第一个字符的下标
  2. var test = javaScript”;
  3. var x=test .indexOf(”v”); // x = 2;
  4. var y=test .indexOf(”S”); // y = 4;
  5. var z=test .indexOf(”Script”); // z = 4;
  6.  
  7. var a=test .indexOf(”key”); // a = -1;

5.split() 方法

  1. <script type="text/javascript">
  2. var str="How are you doing today?"
  3. document.write(str.split(" ") + "<br />")
  4. document.write(str.split("") + "<br />")
  5. document.write(str.split(" ",3))
  6. </script>
  7. 输出:
  8. How,are,you,doing,today?
  9. H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
  10. How,are,you

jQuery截取字符串的几种方式的更多相关文章

  1. JAVA截取字符串的几种方式

    在java中提供了很多字符串截取的方式.下面就来看看大致有几种. 1.split()+正则表达式来进行截取. 将正则传入split().返回的是一个字符串数组类型.不过通过这种方式截取会有很大的性能损 ...

  2. jQuery截取字符串的几种方法

    1.取后缀 var fileDir = $("#file").val(); var suffix = fileDir.substr(fileDir.lastIndexOf(&quo ...

  3. spring接收json字符串的两种方式

    一.前言 前几天遇到一个问题,前端H5调用我的springboot一个接口(post方式,@RequestParameter接收参数),传入的参数接收不到.自己测试接口时使用postman的form- ...

  4. 通过XMLHttpRequest和jQuery实现ajax的几种方式

    AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架.而,XMLHttpR ...

  5. jquery.validate+jquery.form提交的三种方式

    原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...

  6. jQuery截取字符串插件区分中英文

    jQuery截取字符串插件区分中英文:截取字符串功能在大量网站都有应用,比如新闻列表这样的功能,因为新闻的标题长途未必都是恰如其分的,所以要根据需要截取指定长度的字符串,下面就分享一个jQuery实现 ...

  7. 彻底了解构建 JSON 字符串的三种方式

    原创播客,如需转载请注明出处.原文地址:http://www.cnblogs.com/crawl/p/7701856.html 前言:JSON 是轻量级的数据交换格式,很常用,尤其是在使用 Ajax ...

  8. PHP定义字符串的四种方式

    1.简介 在PHP中这门语言中,因为是弱类型语言,因此使用变量时不需提前定义即可使用. 我们在使用php进行开发的时候,大多数使用双引号.单引号进行定义字符串.既然有这两种方式,那么他们之间肯定是有区 ...

  9. 在Windows 10中截取截图的6种方式 简介

    在Windows 10中截取截图的6种方式 简介 截图对于不同的目的很重要.它可以用于捕获笔记本电脑上的任何内容的截图.所以,如果你使用Windows 10,你可能不知道如何截图,因为它是比较新的.因 ...

随机推荐

  1. Java UrlRewriter伪静态技术运用深入分析

    通常我们为了更好的缓解服务器压力,和增强搜索引擎的友好面,都将文章内容生成静态页面. 但是有时为了能实时的显示一些信息,或者还想运用动态脚本解决一些问题,不能用静态的方式来展示网站内容,必须用到动态页 ...

  2. phpstorm:如何设置代码自动换行

    File->Settings->Editor 点击general,如下如所示: 勾选 “ Use soft wrap in editor ”    ,这样就可以自动换行了

  3. wordpress常用函数及使用位置

    single 页面: 摘要内容:the_excerpt():如果摘要空,摘取正文内容:需要在循环中使用 获取当下页面的分类:wp_get_post_terms( int $post_id, strin ...

  4. 小米平板7.0系统如何不root激活Xposed框架的方法

    在越来越多公司的引流或业务操作中,基本都需要使用安卓的强大XPOSED框架,这段时间我们公司买来了一批新的小米平板7.0系统,基本都都是基于7.0以上版本,基本都不能够获取root超级权限,即使小部分 ...

  5. Android 视频通信,低延时解决方案

    背景: 由于,项目需要,需要进行视频通信,把a的画面,转给b. 运维部署: APP1:编码摄像头采集的数据,并且发送数据到服务端 APP2:从服务端,拉取数据,并且进行解码显示 服务端:接收APP1提 ...

  6. windows10安装mysql-8.0.13(zip安装)

    安装环境说明 系统版本:windows10 mysql版本:mysql-8.0.13-winx64.zip 下载地址:http://mirrors.163.com/mysql/Downloads/My ...

  7. 用jenkins创建节点

    原料:(1)jre下载链接:https://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.html ( ...

  8. windowsserver 2019系统安装教程

    windowsserver2019和windowsserver2016一样也分两个版本标准版和数据中心版. 1.插入系统光盘 2.选择安装版本一般选择带桌面体验的,要不安装成功后没有桌面. 3.设置分 ...

  9. windows 2008 开机启动 Docker Toolbox 并运行容器

    新建 docker-startup.bat @echo off REM Set the name of the VM configuration where dockerd will be hoste ...

  10. php 7.1 新特性解析

    php 7.1 新特性解析 返回值和传入参数可以指定为 null <?php function testReturn(): ?string { return 'elePHPant'; } var ...