一.字符串的定义:基于字符数组
二、字符串的基本处理函数:
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>