当前位置：首页 > 资讯 > 技术文档

JS截取字符串实例详解

时间：2022-02-03 15:23 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS截取字符串实例详解

本文实例讲述了JS截取字符串的方法。分享给大家供大家参考，具体如下： js截取字符串可使用 substring()或者slice() [b]函数：split() [/b] 功能：使用一个指定的分隔符把一个字符串分割存储到数组例子：

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

[b]函数：John() [/b] 功能：使用您选择的分隔符将一个数组合并为一个字符串例子：

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

[b]函数：substring()[/b] 功能：字符串截取，比如想从"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

[b]补充：JS截取字符串substr 和 substring方法的区别[/b] [b]substr 方法[/b] 返回一个从指定位置开始的指定长度的子字符串。 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"。
}

[b]substring 方法[/b] 返回位于 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程序设计有所帮助。

全部评论(0)

上一篇：JS实现状态栏跑马灯文字效果代码
下一篇：原生JS实现跑马灯效果

资讯排行榜
更多>>