当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 20个常用的JavaScript字符串方法

20个常用的JavaScript字符串方法

2019年08月30日  | 移动技术网IT编程  | 我要评论
摘要: 玩转JS字符串。 原文: "JS 前20个常用字符串方法及使用方式" 译者:前端小智 "Fundebug" 经授权转载,版权归原作者所有。 本文主要介绍一些最常用的 字符串函数。 1. charAt(x) 返回字符串中 位置的字符,下标从 开始。 2. charCodeAt(x) js 返回 ...

摘要: 玩转js字符串。

fundebug经授权转载,版权归原作者所有。

本文主要介绍一些最常用的js字符串函数。

1. charat(x)

charat(x)返回字符串中x位置的字符,下标从 0 开始。

    //charat(x)
    var mystring = 'jquery ftw!!!';
    console.log(mystring.charat(7));
    //output: f

2. charcodeat(x)

`charcodeat(x)`返回字符串中`x`位置处字符的`unicode`值。

    //charat(position)
    var message="jquery4u"
    //alert "113"
    alert(message.charat(1)

3. concat(v1,v2..)

concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。

    //concat(v1, v2,..)
    var message="sam"
    var final=message.concat(" is a"," hopeless romantic.")
    //alerts "sam is a hopeless romantic."
    alert(final)

4. fromcharcode(c1,c2)

fromcharcode(c1,c2)转换一组unicode值转换为字符。

    //fromcharcode(c1, c2,...)
    console.log(string.fromcharcode(97,98,99,120,121,122))
    //output: abcxyz
    console.log(string.fromcharcode(72,69,76,76,79))
    //output: hello

5. indexof(substr, [start])

indexof方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到,则返回-1start是一个可选参数,指定字符串中开始搜索的位置,默认值为0

    //indexof(char/substring)
    var sentence="hi, my name is sam!"
    if (sentence.indexof("sam")!=-1)
    alert("sam is in there!")

6. lastindexof(substr, [start])

lastindexof() 方法返回指定文本在字符串中最后一次出现的索引, 如果未找到,则返回-1。 “start”是一个可选参数,指定字符串中开始搜索的位置, 默认值为string.length-1

    //lastindexof(substr, [start])
    var mystring = 'javascript rox';
    console.log(mystring.lastindexof('r'));
    //output: 11

7. match(regexp)

根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项,则返回一个信息数组或null

    //match(regexp) //select integers only
    var intregex = /[0-9 -()+]+$/;  
     
    var mynumber = '999';
    var myint = mynumber.match(intregex);
    console.log(isint);
    //output: 999
     
    var mystring = '999 js coders';
    var myint = mystring.match(intregex);
    console.log(isint);
    //output: null

8. replace(regexp/substr, replacetext)

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

    //replace(substr, replacetext)
    var mystring = '999 javascript coders';
    console.log(mystring.replace(/javascript/i, "jquery"));
    //output: 999 jquery coders
     
    //replace(regexp, replacetext)
    var mystring = '999 javascript coders';
    console.log(mystring.replace(new regexp( "999", "gi" ), "the"));
    //output: the javascript coders

9. search(regexp)

search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,如果找到,返回与 regexp 相匹配的子串的起始位置,否则返回 -1

    //search(regexp)
    var intregex = /[0-9 -()+]+$/;  
     
    var mynumber = '999';
    var isint = mynumber.search(intregex);
    console.log(isint);
    //output: 0

10. slice(start, [end])

slice() 方法可提取字符串的某个部分,返回一个新的字符串。包括字符串从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

    //slice(start, end)
    var text="excellent"
    text.slice(0,4) //returns "exce"
    text.slice(2,4) //returns "ce"

11. split(delimiter, [limit])

split() 方法用于把一个字符串分割成字符串数组,返回一个字符串数组返回的数组中的字串不包括 delimiter自身。 可选的“limit”是一个整数,允许各位指定要返回的最大数组的元素个数。

12. substr(start, [length])

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串,包含从 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含从 start 到该字符串的结尾的字符。

    //substring(from, to)
    var text="excellent"
    text.substring(0,4) //returns "exce"
    text.substring(2,4) //returns "ce"

13. substring(from, [to])

substring() 方法用于提取字符串中介于两个指定下标之间的字符,方返回的子串包括 start 处的字符,但不包括 stop 处的字符,to 可选,如果省略该参数,那么返回的子串会一直到字符串的结尾。

    //substring(from, [to])
    var mystring = 'javascript rox';
    mystring = mystring.substring(0,10);
    console.log(mystring)
    //output: javascript

14. tolowercase()

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

    //tolowercase()
    var mystring = 'javascript rox';
    mystring = mystring.tolowercase();
    console.log(mystring)
    //output: javascript rox

15. touppercase()

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

    //touppercase()
    var mystring = 'javascript rox';
    mystring = mystring.touppercase();
    console.log(mystring)
    //output: javascript rox

16. includes()

includes() 方法用于检查字符串是否包含指定的字符串或字符。

    //includes()
    var mystring = "hello, welcome to edureka";
    var n = mystring.includes("edureka");
    //output: true

17. endswith()

endswith()函数检查字符串是否以指定的字符串或字符结束。

    //endswith()
    var mystr = "list of javascript functions";
    var n = mystr.endswith("functions");
    //output: true

18. repeat()

repeat() 构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。

    //repeat()
    var string = "welcome to edureka";
    string.repeat(2);
    //output: welcome to edureka welcome to edureka

19. valueof()

valueof() 方法返回一个string对象的原始值(primitive value),该值等同于string.prototype.tostring()

    //valueof()
    var mystr = "hello world!";
    var res = mystr.valueof();
    //output: hello world!

20. trim()

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 lf,cr)

    //trim()
    var str = "     hello edureka!     ";
    alert(str.trim());

代码部署后可能存在的bug没法实时知道,事后为了解决这些bug,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的bug监控工具 fundebug

关于fundebug

fundebug专注于javascript、微信小程序、微信小游戏、支付宝小程序、react native、node.js和java线上应用实时bug监控。 自从2016年双十一正式上线,fundebug累计处理了20亿+错误事件,付费客户有阳光保险、核桃编程、荔枝fm、掌门1对1、微脉、青团社等众多品牌企业。欢迎大家!

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网