JS常用处理字符串的方法

预览

indexof()

定义和用法

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

语法

• string.indexOf(value,index)
• value：必需。规定需检索的字符串值。
• index：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

返回值

• indexOf()方法返回索引

说明

• 该方法将从头到尾地检索字符串 string，看它是否含有value。开始检索的位置在字符串的 index 处或字符串的开头（没有指定 index 时）。如果找到一个 value，则返回 value 的第一次出现的位置。string 中的字符位置是从 0 开始的。

注意

• indexOf() 方法对大小写敏感！
• 如果要检索的字符串值没有出现，则该方法返回 -1。

实例

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />") //0
document.write(str.indexOf("World") + "<br />") //-1
document.write(str.indexOf("world")) //6

lastIndexOf()

定义和用法

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

语法

• string.lastIndexOf(value,index)
• value：必需。规定需检索的字符串值。
• index：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

返回值

• lastIndexOf()方法返回索引

说明

• 该方法将从尾到头地检索字符串 string，看它是否含有value。开始检索的位置在字符串的 index 处或字符串的开头（没有指定 index 时）。如果找到一个 value，则返回 value 的第一次出现的位置。string 中的字符位置是从 0 开始的。

注意

• lastIndexOf() 方法对大小写敏感！
• 如果要检索的字符串值没有出现，则该方法返回 -1。

实例

<script type="text/javascript">

var str="Hello world!"
document.write(str.lastIndexOf("Hello") + "<br />") //0
document.write(str.lastIndexOf("World") + "<br />") // -1
document.write(str.lastIndexOf("world")) //6

</script>

charAt()

定义和用法

• charAt() 方法可返回指定位置的字符。

语法

• string.charAt(index)
• index：必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

返回值

• charAt()方法返回字符串

说明

• 字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。

实例

<script type="text/javascript">

var str="Hello world!"
document.write(str.charAt(1)) //e

</script>

search()

定义和用法

• search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

语法

• string.search(regexp)
• regexp：必需。规定需检索的字符串值,一般为正则表达式

返回值

• search()方法返回索引(索引方式同indexOf)

实例

<script type="text/javascript">

var str="Visit W3School!"
document.write(str.search(/W3School/)) //6

</script>

<script type="text/javascript">

var str="Visit W3School!"
document.write(str.search(/w3school/)) //-1

</script>

match()

定义和用法

• match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

语法

• string.match(regexp)
• regexp：必需。规定需检索的字符串值,一般为正则表达式。

返回值

• match()方法返回数组

实例

<script type="text/javascript">

var str="1 plus 2 equal 3"
console.log(str.match(/\d+/g))  //["1", "2", "3"]

</script>

substr()

定义和用法

• substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

语法

• string.substr(start,length)
• start：必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
• length：可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 start 的开始位置到结尾的字串。

返回值

• substr()方法返回处理后的字符串

实例

<script type="text/javascript">

var str="Hello world!"
document.write(str.substr(3)) //lo world!

</script>

<script type="text/javascript">

var str="Hello world!"
document.write(str.substr(3,7)) //lo worl

</script>

substring()

定义和用法

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

语法

• string.substring(start,end)
• start：必需。一个非负的整数，规定要提取的子串的第一个字符在 string 中的位置。
• end：可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
  如果省略该参数，那么返回的子串会一直到字符串的结尾。

返回值

• substring()方法返回处理后的字符串

注意

• substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。[)左闭右开

如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

实例

<script type="text/javascript">

var str="Hello world!"
document.write(str.substring(3)) //lo world!

</script>

<script type="text/javascript">

var str="Hello world!"
document.write(str.substring(3,7)) //lo w

</script>

slice()

定义和用法

• slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分(与substring()高度类似)

语法

• string.slice(start,end)
• start：要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
• end：紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

返回值

• slice()方法返回处理后的字符串

注意

• String 对象的方法 slice()、substring() 和 substr() （不建议使用）都可返回字符串的指定部分。slice() 比 substring() 要灵活一些，因为它允许使用负数作为参数。slice() 与 substr() 有所不同，因为它用两个字符的位置来指定子串，而 substr() 则用字符位置和长度来指定子串。

实例

<script type="text/javascript">

var str="Hello happy world!"
document.write(str.slice(6)) //happy world!

</script>

<script type="text/javascript">

var str="Hello happy world!"
document.write(str.slice(6,11)) //happy

</script>

split()

定义和用法

• lastIndexOf() 方法用于把一个字符串分割成字符串数组。

语法

• string.split(separator,howmany)
• separator：必需。字符串或正则表达式，从该参数指定的地方分割 string
• howmany：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

• split()方法返回数组

说明

• 如果把空字符串 ("") 用作 separator，那么 string 中的每个字符之间都会被分割

实例

<script type="text/javascript">

var str="How are you doing today?"

console.log(str.split(" ") ) //["How", "are", "you"]
console.log(str.split("")) //["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", " ", "t", "o", "d", "a", "y", "?"] 
console.log(str.split(" ",3)) //["How", "are", "you"]

</script>

replace()

定义和用法

• replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法

• string.replace(regexp/substr,replacement)
• regexp/substr：必需。规定子字符串或要替换的模式的 RegExp 对象。
• replacement：必需。可以是字符串，也可以是函数

返回值

• replace()方法返回字符串

说明

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

实例

<script type="text/javascript">

var str="Visit Microsoft!Visit Microsoft!"
document.write(str.replace("Microsoft", "W3School")) //Visit W3School!Visit Microsoft!

</script>

<script type="text/javascript">

var str="Visit Microsoft!Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School")) //Visit W3School!Visit Microsoft!

</script>

<!-- 全局匹配 -->
<script type="text/javascript">

var str="Visit Microsoft!Visit Microsoft!"
document.write(str.replace(/Microsoft/g, "W3School")) //Visit W3School!Visit W3School！

</script>

toLowerCase()

定义和用法

• toLowerCase() 方法用于把字符串转换为小写。

语法

• string.toLowerCase()

返回值

• toLowerCase()方法返回字符串

实例

<script type="text/javascript">
//"Hello world!" 将以小写字母来显示：
var str="Hello World!"
document.write(str.toLowerCase())
</script>

toUpperCase()

定义和用法

• toUpperCase() 方法用于把字符串转换为大写。

语法

• string.toUpperCase()

返回值

• toUpperCase()方法返回字符串

实例

<script type="text/javascript">
//"Hello world!" 将以大写字母来显示：
var str="Hello World!"
document.write(str.toUpperCase())
</script>