12个常用的JavaScript字符串方法

Posted 2021-04-17 千锋HTML5前端培训

点击“千锋html5前端培训”

后台回复【H5】领取IT视频学习教程

本文主要介绍一些最常用的JS字符串函数，没有废话，直接干活

！欢迎大家学习转发。

1、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

2、indexOf(substr, [start])

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

    //indexOf(char/substring)
    var sentence="Hi, my name is Sam!"
    if (sentence.indexOf("Sam")!=-1)
    alert("Sam is in there!")

3、lastIndexOf(substr, [start])

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

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

4、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

5、endsWith()

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

    //endsWith()
    var mystr = "List of javascript functions";
    var n = mystr.endsWith("functions");
    //output: True

6、replace()

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

7、search(regexp)

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

    //search(regexp)
    var intRegex = /[0-9 -()+]+$/;  
    
    var myNumber = '999';
    var isInt = myNumber.search(intRegex);
    console.log(isInt);
    //output: 0

8、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"

9、split(delimiter, [limit])

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

10、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"

11、includes()

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

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

12、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)

海量精品课资源

扫码添加小千学姐

马上领取资源>>>

▼点击阅读原文领取千锋逆战班1500元追梦助学大礼包！