String · 前端

[String](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String "String 全局对象是一个用于字符串或一个字符序列的构造函数。") **trim**() 去掉字符串两边的空格 **charAt**() 获取字符串指定位置的字符 ``` var str="abcdefg"; var len=str.length;//7 console.log(str.charAt(1));//b console.log(str[1]);//b ``` **charCodeAt**() 获取字符串指定位置的Unicode编码 ``` var str="Habcdefg"; console.log(str.charCodeAt());//72 //String.fromCharCode();根据Unicode编码获取字符 var str=String.fromCharCode(72) console.log(str);//H ``` **concat**(另一个字符串) 连接两个字符串作用和+一样 ``` var str="你好!"; str.concat("塞北的","雪"); ``` **indexOf**("要查找的字符","查找的起始位置") 返回某个指定的字符串值在字符串中首次出现的位置。没找到返回-1 ``` var str="aabcdefgabc"; console.log(str.indexOf("a"));//0 console.log(str.indexOf("a",1));//1 console.log(str.indexOf("a",2));//8 ``` **lastIndexOf**() 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。 ``` var str="abcadefgabc"; //默认是从c开始找a在倒数第三个位置出现，他的索引位置是8 console.log(str.lastIndexOf("a"));//8 //从索引为1的位置向左找，最后的a在索引为0的位置出现 console.log(str.lastIndexOf("a",1));//0 console.log(str.lastIndexOf("a",0));//0 //从索引为5的位置（abcade）向左找，最后的a在索引为3的位置出现 console.log(str.lastIndexOf("a",5));//3 ``` **slice**(开始位置，结束位置)提取字符串的片断，并在新的字符串中返回被提取的部分。开始位置<=value<结束位置 ``` var str="abcadefgabc"; console.log(str.slice(0,1));//a console.log(str.slice(3));//adefgabc ``` **substring**(strat,end) 截取字符串strat<=value<end 和slice一样不包括结束位置区别第二个参数不支持负数，会将负数转为0 第一个参数大于第二个参数则他们相互交换位置 ``` var str="abcadefgabc"; str.substring(1,-1)=》str.substring(1,0)=》str.substring(0,1) console.log(str.substring(0,1));//a console.log(str.substring(3));//adefgabc ``` **substr**(start,length) 截取字符串(es没有标准化，但是浏览器都支持) ``` var str="abcadefgabc"; console.log(str.substr(0,1));//a console.log(str.substr(0,3));//abc console.log(str.substr(3));//adefgabc ``` **toLowerCase**()把字符串转换为小写。 ``` var str="abc"; console.log(str.toLowerCase());//ABC ``` **toUpperCase**()把字符串转换为大写。 ``` var str="ABC"; console.log(str.toUpperCase());//abc ``` ## **支持正则的** **splite**（切割符）将字符窜按指定的切割符分割，并返回数组（字符转数组）与arr.join相反 ``` var str="a,b,c"; console.log(str.split(','));//[a,b,c] var str="a1b2c3e"; console.log(str.split(/[0-9]/));//["a", "b", "c", "e"] ``` **search**(string/preg) 从字符串中查找给定的string字符找到返回第一次出现的索引位置，没找到返回 -1 注意：preg表示也可以查找正则匹配出的字符 ``` var str="123abc3e"; console.log(str.search("abc"));//3 var str="a1b2c3e"; console.log(str.search(/[0-9]/));//1 ``` **match**(string/preg) 从字符串中查找给定的string（或者查找正则匹配出的字符）通过返回数组（格式为【查找的字符串，索引位置、输入的字符串】），不存在返回null ``` var str="a1b2c3e"; console.log(str.match("b"));//["b", index: 2, input: "a1b2c3e"] var str="a1b2c3e"; console.log(str.match(/[a-z]/));//["a", index: 0, input: "a1b2c3e"] //默认值匹配一个，我们可以添加全局匹配模式g var str="a1b2c3e4F5G"; console.log(str.match(/[a-z]/g));//["a", "b", "c", "e"] var str="a1b2c3e4F5G"; console.log(str.match(/[a-z]/ig));//["a", "b", "c", "e", "F", "G"] ``` **replace**(string/preg,替换的字符) string为被替换的字符， ``` var str ='你妹的，world'； str.replace('你妹的'，"***")；将你妹的替换成*** str.replace('/你妹/','**'); str.replace('/word/','**'); //默认值替换一个，我们可以添加全局匹配模式g var str="a1b2c3e4F5G"; console.log(str.replace(/[a-z]/ig,""));//12345 var str="a1b2c3e4F5G"; console.log(str.replace(/[a-z]/ig,"^_^"));//^_^1^_^2^_^3^_^4^_^5^_^ ``` ## String 对象方法 | 方法 | 描述 | | :-- | :-- | | [charAt()](https://www.runoob.com/jsref/jsref-charat.html) | 返回在指定位置的字符。 | | [charCodeAt()](https://www.runoob.com/jsref/jsref-charcodeat.html) | 返回在指定的位置的字符的 Unicode 编码。 | | [concat()](https://www.runoob.com/jsref/jsref-concat-string.html) | 连接两个或更多字符串，并返回新的字符串。 | | [fromCharCode()](https://www.runoob.com/jsref/jsref-fromcharcode.html) | 将 Unicode 编码转为字符。 | | [indexOf()](https://www.runoob.com/jsref/jsref-indexof.html) | 返回某个指定的字符串值在字符串中首次出现的位置。 | | [includes()](https://www.runoob.com/jsref/jsref-string-includes.html) | 查找字符串中是否包含指定的子字符串。 | | [lastIndexOf()](https://www.runoob.com/jsref/jsref-lastindexof.html) | 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。 | | [match()](https://www.runoob.com/jsref/jsref-match.html) | 查找找到一个或多个正则表达式的匹配。 | | [repeat()](https://www.runoob.com/jsref/jsref-repeat.html) | 复制字符串指定次数，并将它们连接在一起返回。 | | [replace()](https://www.runoob.com/jsref/jsref-replace.html) | 在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。 | | [search()](https://www.runoob.com/jsref/jsref-search.html) | 查找与正则表达式相匹配的值。 | | [slice()](https://www.runoob.com/jsref/jsref-slice-string.html) | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | | [split()](https://www.runoob.com/jsref/jsref-split.html) | 把字符串分割为字符串数组。 | | [startsWith()](https://www.runoob.com/jsref/jsref-startswith.html) | 查看字符串是否以指定的子字符串开头。 | | [substr()](https://www.runoob.com/jsref/jsref-substr.html) | 从起始索引号提取字符串中指定数目的字符。 | | [substring()](https://www.runoob.com/jsref/jsref-substring.html) | 提取字符串中两个指定的索引号之间的字符。 | | [toLowerCase()](https://www.runoob.com/jsref/jsref-tolowercase.html) | 把字符串转换为小写。 | | [toUpperCase()](https://www.runoob.com/jsref/jsref-touppercase.html) | 把字符串转换为大写。 | | [trim()](https://www.runoob.com/jsref/jsref-trim.html) | 去除字符串两边的空白 | | [toLocaleLowerCase()](https://www.runoob.com/jsref/jsref-tolocalelowercase.html) | 根据本地主机的语言环境把字符串转换为小写。 | | [toLocaleUpperCase()](https://www.runoob.com/jsref/jsref-tolocaleuppercase.html) | 根据本地主机的语言环境把字符串转换为大写。 | | [valueOf()](https://www.runoob.com/jsref/jsref-valueof-string.html) | 返回某个字符串对象的原始值。 | | [toString()](https://www.runoob.com/jsref/jsref-tostring.html) | 返回一个字符串。 |