JS截取字符串实例详解


Posted in Javascript onNovember 24, 2015

本文实例讲述了JS截取字符串的方法。分享给大家供大家参考,具体如下:

js截取字符串可使用 substring()或者slice()
 
函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

函数:John()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//结果是jpg|bmp|gif|ico|png

函数:substring()

功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
 
函数:indexOf()

功能:返回字符串中匹配子串的第一个字符的下标

var myString="JavaScript";
var w=myString.indexOf("v");w will be 2
var x=myString.indexOf("S");x will be 4
var y=myString.indexOf("Script");y will also be 4
var z=myString.indexOf("key");z will be -1

补充:JS截取字符串substr 和 substring方法的区别

substr 方法

返回一个从指定位置开始的指定长度的子字符串。

stringvar.substr(start [, length ])

参数:

stringvar 必选项。要提取子字符串的字符串文字或 String 对象。

start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length 可选项。在返回的子字符串中应包括的字符个数。

说明

如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。

示例

下面的示例演示了substr 方法的用法。

function SubstrDemo(){
  var s, ss;        // 声明变量。
  var s = "The rain in Spain falls mainly in the plain.";
  ss = s.substr(12, 5); // 获取子字符串。
  return(ss);        // 返回 "Spain"。
}

substring 方法

返回位于 String 对象中指定位置的子字符串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

参数:

start 指明子字符串的起始位置,该索引从 0 开始起算。

end 指明子字符串的结束位置,该索引从 0 开始起算。

说明

substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。

如果 start 或 end 为 NaN 或者负数,那么将其替换为0。

子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。

示例

下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
  var ss; // 声明变量。
  var s = "The rain in Spain falls mainly in the plain..";
  ss = s.substring(12, 17); // 取子字符串。
  return(ss); // 返回子字符串。
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
轻轻松松学JS调试(不下载任何工具)
Apr 14 Javascript
JavaScript 获取当前时间戳的代码
Aug 05 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
easyui validatebox验证
Apr 29 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 Javascript
JavaScript仿京东轮播图效果
Feb 25 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 #Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 #Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 #Javascript
Bootstrap每天必学之按钮(一)
Nov 24 #Javascript
JavaScript DOM 学习总结(五)
Nov 24 #Javascript
jQuery解析json数据实例分析
Nov 24 #Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 #Javascript
You might like
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
php实现文件上传基本验证
2020/03/04 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
2019/08/20 Javascript
Python创建文件和追加文件内容实例
2014/10/21 Python
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
django请求返回不同的类型图片json,xml,html的实例
2018/05/22 Python
python中的json总结
2018/10/11 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
css3实现平移效果(transfrom:translate)的示例
2020/11/13 HTML / CSS
HTML5 Canvas概述
2009/08/26 HTML / CSS
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
机械制造专业个人的自我评价
2013/12/28 职场文书
预备党员承诺书
2014/03/25 职场文书
大学生见习总结报告
2015/06/24 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
volatile保证可见性及重排序方法
2022/08/05 Java/Android