String对象方法

  • anchor() 方法 用于创建HTML锚
  str.anchor("test")
  //结果:"<a name="test">hello world!</a>"
  • 样式方法 为字符串添加CSS样式
  str.样式
  //例如:str.blod() 加粗 str.fontcolor("red") //标红
  ....等等
  • charAt() 方法 可返回指定位置的字符
  let str = "hello wrold";
  str.charAt(1);//结果:"e"
  • charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

    方法 charCodeAt() 与 charAt() 方法执行的操作 相似,只不过前者返回的是位于指定位置的字符的 编码,而后者返回的是字符子串。

  let str = "hello world";
  str.charCodeAt(1); //结果 101
  • concat() 方法用于连接两个或多个字符串。
  let name = "解语花:";
  let say = "你好!";
  name.concat(say);//结果:解语花:你好!
  • fixed() 方法用于把字符串显示为打字机字体。
  • fromCharCode() 可接受一个指定的 Unicode 值,然后返回一个字符串。
  String.fromCharCode(101);//"e"
  • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
  let str = "hello";
  str.indexOf("e") //1
  • lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
  let str = "hello";
  str.lastIndexOf("e");//1
  • localeCompare() 方法 用本地特定的顺序来比较两个字符串。
    • 语法:stringObject.localeCompare(target)
    • target:要以本地特定的顺序与 stringObject 进行比较的字符串
    • 说明:把 < 和 > 运算符应用到字符串时,它们只用字符的 Unicode 编码比较字符串,而不考虑当地的排序规则。以这种方法生成的顺序不一定是正确的。localeCompare() 方法提供的比较字符串的方法,考虑了默认的本地排序规则。ECMAscript 标准并没有规定如何进行本地特定的比较操作,它只规定该函数采用底层操作系统提供的排序规则
  var str;
  str.sort (function(a,b){return a.localeCompare(b)})
  • match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

    该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

    • 语法:stringObject.match(searchvalue) stringObject.match(regexp)
    • searchvalue :必需。规定要检索的字符串值。
    • regexp:必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。
    • 返回值:存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

    说明:match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

    如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。

    如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。

    在全局检索模式下,match() 即不提供与子表达式匹配的文本的信息,也不声明每个匹配子串的位置。如果您需要这些全局检索的信息,可以使用 RegExp.exec()。

  //例1:"Hello world!" 中进行不同的检索:
  "Hello world!".match("world") // "world"
  "Hello world!".match("World") // "null"
  //例2:全局匹配的正则表达式来检索字符串中的所有数字:
  var str="1 plus 2 equal 3"
  document.write(str.match(/\d+/g)) //1,2,3
  • slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
    • 语法: stringObject.slice(start,end)
    • start:要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
    • end:紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。
    • 返回值:一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。
    • String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。
      还要注意的是,String.slice() 与 Array.slice() 相似。
  //例1:提取从位置 6 开始的所有字符
  let str="Hello happy world!"
  console.log(str.slice(6));//happy world!
  //例2:提取从位置 6 到位置 11 的所有字符
  console.log(str.slice(6,11)) //happy
  • split() 方法 把字符串分割为数组
  • substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
    • 语法:stringObject.substr(start,length)
  let str="Hello world!"
  console.log(str.substr(3)) //"lo world!"
  console.log(str.substr(3,2))//"lo"
  • substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    • 语法:stringObject.substring(start,stop)
    • 用法:同substr()
  • toLocaleLowerCase() 方法用于把字符串转换为小写。
  • toLocaleUpperCase() 方法用于把字符串转换为大写。
  • toLowerCase() 方法用于把字符串转换为小写。
  • toUpperCase() 方法用于把字符串转换为大写.
  • toSource() 代表对象的源代码 <目前不可用>
  • toString() 方法返回字符串。
  • valueOf() 方法可返回 String 对象的原始值。
    原始值是由从 String 对象下来的所有对象继承的。
    valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。
  • replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
    • 语法:stringObject.replace(regexp/substr,replacement)
    • regexp/substr:必需。规定子字符串或要替换的模式的 RegExp 对象。
      请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
    • replacement: 必需。一个字符串值。规定了替换文本或生成替换文本的函数
    • 返回值:一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。
    • 说明:字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。 replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
    • $1、$2、...、$99:与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
    • $&: 与 regexp 相匹配的子串。
    • $`: 位于匹配子串左侧的文本。
    • $':位于匹配子串右侧的文本。
    • $$:直接量符号。
  //在本例中,我们将使用 "W3School" 替换字符串中的 "Microsoft":
  <script type="text/javascript">

  var str="Visit Microsoft!"
  document.write(str.replace(/Microsoft/, "W3School"))
  //结果:Visit W3School!
  </script>
    //在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "W3School":
  <script type="text/javascript">

    var str="Welcome to Microsoft! "
    str=str + "We are proud to announce that Microsoft has "
    str=str + "one of the largest Web Developers sites in the world."

    document.write(str.replace(/Microsoft/g, "W3School"))
    //结果:Welcome to W3School! We are proud to announce that W3School
            //has one of the largest Web Developers sites in the world.
  </script>
//更多使用方法请移W3C官方文档
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,165评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,503评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,295评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,589评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,439评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,342评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,749评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,397评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,700评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,740评论 2 313
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,523评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,364评论 3 314
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,755评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,024评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,297评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,721评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,918评论 2 336

推荐阅读更多精彩内容