JS截取字符串实例详解

前端技术 2023/09/03 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址:https://www.stayed.cn/item/6247

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。