js之字符串的定义及基本处理函数（5.8）

最新推荐文章于 2022-08-23 16:34:35 发布

编程小小小小小白白

最新推荐文章于 2022-08-23 16:34:35 发布

阅读量155

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_67932301/article/details/124658936

版权

一.字符串的定义：基于字符数组

二、字符串的基本处理函数：

1. .charAt():拿到字符串的指定字符.参数为字符的位置

<script>
    var str="hello world"
    //显示e
    var x=str.charAt(1)
    //显示字符串的长度
    console.log(str.length)
</script>

2. .substr():截取一段字符。第一个参数为从弟几位开始截取，第二个参数为向后截取几位。若只写第一个参数，后面就全会截取

<script>
    var str="hello world"
    //截取hel
    var x=str.substr(0,3)
    var x=str.substr(1)
    //显示的为ello world
</script>

案例：输入一个手机号，长度必须为11位，开头必须为139，结尾为666

<body>
    <input id="bt2">
    <button id="bt1">注册</button>
    <script>
    var bt1=document.getElementById("bt1")
    bt1.onclick=function(){
    var bt2=document.grtElementById("bt2")
    var number=bt2.value
    if(number.length!=11){
    alert(""长度为11位)
    }else if(number.substr(0,3)!=139){
    alert("开头为139")
 }else if(number.substr(number.length-3,3)!=666){
    alert(""结尾为666)
}else{
    alert("注册成功")
}
}
}
//拿到最后几位：x.length-n,n
  </script>
</body>

.concat():字符串合并，与数组相同（看前面几篇，了解即可）

.charCodeAt:获取字符串位置的Unicode码（了解即可）

.substring（）：截取一段字符串，第一位参数为从弟几位开始截取，第二个参数为截取到第几位，不包括最后一位

<script>
    var str="hello world"
    //截取hell
    var x=str.substring(0,4)
    //不包括第四位o
</script>

.split(通过什么符号分割数组):通过字符串中的指定字符，分割成数组

<script>
    var str="html,javascript,css,html5"
    var x=str.split(",")
    console.log(x)
    //最后输出的为["html","javascript","css","html5']
</script>

案例：书名分割输入html,css,js,jq分割成li插入到 Ul里

<body>
    <textarea name="" id="bt2" cols="30" rows="10"></textarea>
        <button id="bt1">分割</button>
        <ul id="happyboy">
            <li>书名</li>
        </ul>
        <script>
            var bt1=document.getElementById("bt1")
            bt1.onclick=function(){
                var bt2=document.getElementById("bt2")
                var bookname=bt2.value
                bookname.split(",")
                console.log(bookname)
                var str=""
                for(var n=0;n<bookname.length;n++){
                    str+="<li>"+bookname[n]+"</li>"
                }
                var happyboy =document.getElementById("happyboy")
                happyboy.innerHTML=str
                  }
        </script>
</body>

.slice()和.substring（）作用一样

.indexOf .lastindexOf():和数组一样。返回的是首字母位置

.toUpperCase():将字符串中所有字母大写

<script>
    var str="hello world"
    var x=str.toUpperCase()
    //输出的为HELLO WORLD
</script>

.toLowerCase():将字符串中的字母小写

.replace():替换指定字符串第一个参数为想要替换的字符，第二个参数为替换成什么

案例：如果字符中有tmd,替换成***

<body>
     <textarea name="" id="bt2" cols="30" rows="10"></textarea>
    <button id="bt1">替换</button>
    <script>
        var bt1=document.getElementById("bt1")
        bt1.onclick=function(){
            var bt2=document.getElementById("bt2")
            var text=bt2.value
            for(var n=0;n<text.length;n++){
                text=text.replace("tmd","***")
            }
             bt2.value=text
        }
    </script>
        
</body>