20个常用的JavaScript字符串方法

今天药忘吃喽~ 2024-04-17 18:43 61阅读 0赞

**摘要：** 玩转JS字符串。

*  原文：[JS 前20个常用字符串方法及使用方式][JS _20]
 *  译者：前端小智

**[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`方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到，则返回`-1`。`Start`是一个可选参数，指定字符串中开始搜索的位置，默认值为`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 1]。**

### 关于Fundebug ###

[Fundebug][]专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了20亿+错误事件，付费客户有阳光保险、核桃编程、荔枝FM、掌门1对1、微脉、青团社等众多品牌企业。欢迎大家[免费试用][Link 1]！

[JS _20]: https://segmentfault.com/a/1190000020204425
[Fundebug]: https://www.fundebug.com/
[Fundebug 1]: https://www.fundebug.com/?utm_source=xiaozhi
[Link 1]: https://www.fundebug.com/team/create