17个常用字符串方法及使用方式

219 阅读2分钟

17个常用字符串方法及使用方式

1 chartAt()方法

<script type='text/javascript'>
    var str = "hello word"
    console.log(str.charAt(3))   //  l
</script>

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

2 charCodeAt()方法

<script type='text/javascript'>
    var str = "hello word"
    console.log(str.charCodeAt(3))   //  108
</script>
</script>

charCodeAt(x)返回字符串中x位置字符的unicode值

3 concat()方法

<script type='text/javascript'>
    var str = "hello word!"
    console.log(str.concat("你好","china")) 
      //  hello word!你好china
</script>

concat()方法用于拼接一个或多个字符串,不改变原字符串,返回的是拼接后的新字符串

4 indexOf(需要查找的字符串,start开始的位置)方法

<script type='text/javascript'>
    var str = "hello word!"
    console.log(str.indexOf("w")) //6
</script>

indexOf()方法搜索字符串中是否包含某个值,如果找到则返回该数值的下标(索引),如果没有找到就返回-1,start是一个可选参数,指定字符串开始搜索的位置,默认值为0

5 lastIndexOf(需要查找的字符串,start开始的位置)方法

<script type='text/javascript'>
    var str = "hello wowrd!"
    console.log(str.lastIndexOf("w")) //8
</script>

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

6 startsWith()方法

<script type='text/javascript'>
    let str = "qwertyui";
    console.log(str.startsWith("w"))//false
</script>

检测字符串是否以····开头startsWith() 返回值为boolean

7 endsWith()方法

<script type='text/javascript'>
    let str = "qwertyui";
    console.log(str.endsWith("yui"))//true
</script>

检测字符串是否以····结尾endsWith() 返回值为boolean

8 repeat()方法

<script type='text/javascript'>
    let str = "最可爱";
    console.log(str.repeat(5))
    //最可爱最可爱最可爱最可爱最可爱
</script>

重复字符串repeat(要拷贝的次数)

9 padStart()方法

<script type='text/javascript'>
    console.log("h".padStart(3, "wj"))
    //wjh
</script>

padStart()方法,往前填充字符串(3为填充后的长度,wj为填充的内容)

10 padEnd()方法

<script type='text/javascript'>
     console.log("就叫".padEnd(5, "王可爱"))
     //就叫王可爱
</script>

padEnd()方法,往后填充字符串(5为填充后的长度)

11 replace()方法

<script type='text/javascript'>
    var str = "html javascript vue"
    var str1 = str.replace(/javascript/i, "css")
    console.log(str1)
  //html css vue
</script>

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

12 slice(start,end)方法

<script type='text/javascript'>

    var str = "html javascript vue"
    
    console.log(str.slice(0,3))//htm
 
</script>

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

13 string.split()方法

<script type='text/javascript'>
    var str = "How are you doing today?";
    var n = str.split(" ");
    console.log(n)
    // ["How", "are", "you", "doing", "today?"]

</script>

split() 方法用于把一个字符串分割成字符串数组。
如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 split() 方法不改变原始字符串。

14 substring(from,to) 方法方法

<script type='text/javascript'>
    var str = "Hello world!";
    document.write(str.substring(3) + "<br>");//lo world!
    document.write(str.substring(3, 7));// lo w
</script>

substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

15 toUpperCase()方法

<script type='text/javascript'>
    var str = "Hello world!";
    document.write(str.toUpperCase());//HELLO WORLD!
</script>

toUpperCase()方法把英文字符串转化为大写

16 toLowerCase()方法

<script type='text/javascript'>

    var str = "Hello world!";
    
    document.write(str.toLowerCase());//hello world!

</script>

toLowerCase()方法把英文字符串转化为小写

17 includes()方法

<script type='text/javascript'>
    var str = "Hello world!";
    let b = str.includes('Hello');
    console.log(b)//true
</script>

includes()方法查看数组中是否包括某个值 结果为true 或 false

以上为个人总结的一些关于字符串的方法,如果有其他常用的方法,欢迎大家留言评论,一起学习交流!!