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 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
把jQuery的类、插件封装成seajs的模块的方法
Mar 12 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
js实现搜索框关键字智能匹配代码
Mar 26 Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 Javascript
移动端效果之IndexList详解
Oct 20 Javascript
利用vue开发一个所谓的数独方法实例
Dec 21 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
比较常见的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
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
区分JS中的undefined,null,"",0和false
2007/03/08 Javascript
javascript 打印页面代码
2009/03/24 Javascript
jquery获得option的值和对option进行操作
2013/12/13 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
JS递归遍历对象获得Value值方法技巧
2016/06/14 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
JavaScript 详解预编译原理
2017/01/22 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
2017/03/30 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
Python装饰器原理与用法分析
2018/04/30 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
大学生职业生涯规划方案
2014/01/03 职场文书
老同学聚会感言
2014/02/23 职场文书
小学数学课后反思
2014/04/23 职场文书
师范大学生求职信
2014/06/13 职场文书
假期安全教育广播稿
2014/10/04 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
《狼牙山五壮士》教学反思
2016/02/17 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
nginx实现动静分离的方法示例
2021/11/07 Servers