• 技术文章 >web前端 >js教程

    JS中20个常用字符串方法及使用方式(总结)

    青灯夜游青灯夜游2020-10-12 17:38:43转载114

    下面本篇文章给大家介绍JavaScript中20个常用字符串方法及使用方式。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

    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());

    相关免费学习推荐:js视频教程

    以上就是JS中20个常用字符串方法及使用方式(总结)的详细内容,更多请关注php中文网其它相关文章!

    本文转载于:segmentfault,如有侵犯,请联系a@php.cn删除
    专题推荐:JavaScript 字符串
    上一篇:ASP.NET下使用Ajax 下一篇:深入了解JS中的for...of循环
    第13期线上培训班

    相关文章推荐

    • 学学javascript如何截取视频第一帧• 一起看看 鸿蒙 JavaScript GUI 技术栈• 抱着枸杞奋战多夜,我总结了JavaScript与ES的25个重要知识点• 杜绝这五个 Javascript 错误啦• JavaScript之 这次彻底搞懂new操作符!• 10个使用Console进行javascript调试的高级技巧• 深入理解JavaScript中的事件• 原生JavaScript实现弹幕组件de方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网