AntChen Front-end Dev Engineer

Javascript字符串


charAt()

原理:返回在指定位置的字符。

语法:

stringObject.charAt(index)
// index 指的是下标
var a = "abc"
console.log(a.charAt(1))
// "b"

indexOf()

原理:检索字符串。可返回某个指定的字符串值在字符串中首次出现的位置。

语法:

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

注释:indexOf() 方法对大小写敏感!

注释:如果要检索的字符串值没有出现,则该方法返回 -1。

var str="Hello world!"
console.log(str.indexOf("Hello"))
console.log(str.indexOf("World"))
console.log(str.indexOf("world"))
// 0
// -1
// 6

search()

原理:检索与正则表达式相匹配的值。用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

语法:

stringObject.search(regexp)
// regexp 该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。
// 注释:要执行忽略大小写的检索,请追加标志 i。

返回值

stringObject 中第一个与 regexp 相匹配的子串的起始位置。

注释:如果没有找到任何匹配的子串,则返回 -1。

var str="Visit W3School!"
console.log(str.search(/W3School/))
// 6

lastIndexOf()

原理:从后向前搜索字符串。可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

语法:

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

charCodeAt()

原理:返回在指定的位置的字符的 Unicode 编码。

语法:

stringObject.charCodeAt(index)
// index 指的是下标
var a = "abc"
console.log(a.charCodeAt(1))
// 98

concat()

原理:连接字符串。

语法:

stringObject.concat(stringX,stringX,...,stringX)
// stringX被连接为一个字符串的一个或多个字符串对象

concat() 方法将把它的所有参数转换成字符串,然后按顺序连接到字符串 stringObject 的尾部,并返回连接后的字符串。请注意,stringObject 本身并没有被更改。

var a = 'hello'
var b = 'world'
console.log(a.concat(b))
// "helloworld"

match()

原理:找到一个或多个正则表达式的匹配。该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

stringObject.match(searchvalue)
stringObject.match(regexp)
// searchvalue 必需。规定要检索的字符串值。
// regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。
var a = 'hello Hello'
console.log(a.match("hello"))
// Array ["hello"]

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

replace()

原理:替换与正则表达式匹配的子串。用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法:

stringObject.replace(regexp/substr,replacement)
// regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。
//请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。

// replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。
var str="Visit Microsoft!"
console.log(str.replace(/Microsoft/, "W3School"))
// Visit W3School!

str.replace(/Microsoft/g, "W3School")
// 全局替换
str.replace(/Microsoft/i, "W3School")
// 大小写敏感匹配

name = 'aaa bbb ccc';
var uw = name.replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);
});
console.log(uw)
// "Aaa Bbb Ccc"

slice()

原理:提取字符串的片断,并在新的字符串中返回被提取的部分。

语法:

stringObject.slice(start,end)
// start 起始下标
// end 结束下标
var str="Hello happy world!"
console.log(str.slice(6))
// "happy world!"

split()

原理:把字符串分割为字符串数组。

语法:

stringObject.split(separator,howmany)
// separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
// howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
var str="How are you doing today?"
console.log(str.split(' '))
// How,are,you,doing,today?
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

var words = str.split(/\s+/)

substr()

原理:从起始索引号提取字符串中指定数目的字符。

语法:

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

var str="How are you doing today?"
console.log(str.substr(2))
// "w are you doing today?"

substring()

原理:提取字符串中两个指定的索引号之间的字符。

语法:

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

重要事项:与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

var str="How are you doing today?"
console.log(str.substring(2))
// "w are you doing today?"

toLowerCase()

原理:把字符串转换为小写。

语法:

stringObject.toLowerCase()
var str="How are you doing today?"
console.log(str.toLowerCase())
// "how are you doing today?"

toUpperCase()

原理:把字符串转换为大写。

语法:

stringObject.toUpperCase()
var str="How are you doing today?"
console.log(str.toUpperCase())
// "how are you doing today?"

toString()

原理:返回字符串。

语法:

stringObject.toString()
var d = new Date()
console.log(d.toLocaleString())
// 2017/1/11 下午5:09:51

上一篇 ES6学习小结

下一篇 Javascript数组

Comments