js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解


Posted in Javascript onNovember 09, 2015

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substr(start,length)表示从start位置开始,截取length长度的字符串

split 将一个字符串分割为子字符串,然后将结果作为字符串数组返回

replace 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

1.substr

substr(start,length)表示从start位置开始,截取length长度的字符串。

var src="images/off_1.png";
alert(src.substr(7,3));

弹出值为:off

2.substring

substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。

var src="images/off_1.png";
alert(src.substring(7,10));

弹出值为:off

3.indexOF

indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置(从左向右)。没有匹配的则返回-1,否则返回首次出现位置的字符串的下标值。

var src="images/off_1.png";
alert(src.indexOf('t'));
alert(src.indexOf('i'));
alert(src.indexOf('g'));

弹出值依次为:-1,0,3

4.lastIndexOf

lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));

弹出值依次为:6,15

5.split

将一个字符串分割为子字符串,然后将结果作为字符串数组返回。

以空格分割返回一个了字符串返回

function SplitDemo(){
  var s, ss;
  var s = "The rain in Spain falls mainly in the plain.";
  // 在每个空格字符处进行分解。
  ss = s.split(" ");
  return(ss);
}

6.replace:

用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法:stringObject.replace(regexp, replacement);

参数:

regexp:必需,要替换的模式的RegExp对象

replacement:必需,替换文本或生成替换文本的函数

返回值:

一个新的字符串,用replacement替换了regexp的第一次匹配或所有匹配之后得到的。

说明:

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

以上所述就是本文给大家介绍的js中substr,substring,indexOf,lastIndexOf,split和replace的用法详解,希望大家喜欢。

Javascript 相关文章推荐
JavaScript 给汉字排序实例代码
Jun 28 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
May 18 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
异步JS框架的作用以及实现方法
Oct 29 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
js+css3实现旋转效果
Jan 20 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 Javascript
比较常见的javascript中定义函数的区别
Nov 09 #Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 #Javascript
表单验证正则表达式实例代码详解
Nov 09 #Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 #Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 #Javascript
window.location.hash知识汇总
Nov 09 #Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 #Javascript
You might like
图书管理程序(一)
2006/10/09 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
通过Jquery的Ajax方法读取将table转换为Json
2014/05/31 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
2015/09/28 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
Vue 请求传公共参数的操作
2020/07/31 Javascript
Python开发编码规范
2006/09/08 Python
Python unittest单元测试框架总结
2018/09/08 Python
用Django写天气预报查询网站
2018/10/21 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
Python的in,is和id函数代码实例
2020/04/18 Python
印度最大的酒店品牌网络:OYO Rooms
2016/07/24 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
施工班组长岗位职责
2014/01/05 职场文书
中年人生感言
2014/02/04 职场文书
倡议书范文
2014/04/16 职场文书
专家推荐信模板
2014/05/09 职场文书
行政监察建议书
2014/05/19 职场文书
爬山的活动方案
2014/08/16 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs