JS截取与分割字符串常用技巧总结

 更新时间:2015年11月10日 10:11:13   转载 作者:華安  
这篇文章主要介绍了JS截取与分割字符串常用技巧,以实例形式分析你了JavaScript针对字符串的截取与分割常用函数的定义、功能及使用技巧,并补充分析了substr和substring方法的区别,需要的朋友可以参考下

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

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

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

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

例子:

var src="images/off_1.png";
alert(src.substring(7,10));
//弹出值为:off

函数:substr()

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

功能:字符串截取

例子:

var src="images/off_1.png";
alert(src.substr(7,3));
//弹出值为:off

函数:split()

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

例子:

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

函数:Join()

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

例子:

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

函数: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 

函数:lastIndexOf()

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

功能:返回字符串索引值

例子:

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//弹出值依次为:6,15

补充: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检查数据中是否存在相同的元素(两种方法)

    JavaScript检查数据中是否存在相同的元素(两种方法)

    这篇文章主要介绍了JavaScript检查数据中是否存在相同的元素(两种方法),需要的朋友可以参考下
    2018-10-10
  • 微信小程序实现展示评分结果功能

    微信小程序实现展示评分结果功能

    这篇文章主要为大家详细介绍了微信小程序实现展示评分结果功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • javascript tabIndex属性

    javascript tabIndex属性

    围绕表单的可访问性与交互性上,各浏览器都下了很大工夫,比如fieldset与legend等用于增强区域感的元素,for,accessKey,defaultValue,maxlength,tabIndex等用于交互或提示的属性。不过,今天只讲tabIndex。
    2009-12-12
  • 基于JSON数据格式详解

    基于JSON数据格式详解

    下面小编就为大家带来一篇基于JSON数据格式详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • javascript删除option选项的多种方法总结

    javascript删除option选项的多种方法总结

    这篇文章主要是对javascript删除option选项的多种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • DEDECMS如何为文章添加HOT NEW标志图片

    DEDECMS如何为文章添加HOT NEW标志图片

    再用织梦建站的时候,常常需要要在列表页添加前两天的文章后面添加个new小图片,那么此功能是怎么实现的呢,下面通过本文给大家详解dedecms为文章添加HOT NEW标志图片,需要的朋友可以参考下
    2015-08-08
  • bootstrap快速制作后台界面

    bootstrap快速制作后台界面

    这篇文章主要为大家详细介绍了如何利用bootstrap快速制作后台界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript 十六进制RGB色码转换器

    JavaScript 十六进制RGB色码转换器

    JavaScript 十六进制RGB色码转换器,大家可以学习下思路。
    2009-08-08
  • JavaScript转换与解析JSON方法实例详解

    JavaScript转换与解析JSON方法实例详解

    这篇文章主要介绍了JavaScript转换与解析JSON方法,实例分析了JavaScript解析json的技巧,并附带分析了jQuery解析与转换json的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS禁止查看网页源代码的实现方法

    JS禁止查看网页源代码的实现方法

    本文给大家介绍js如何禁止查看网页源代码,并给大家分享了三种查看路径的方法,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10

最新评论