JavaScript的字符串方法汇总
1.stringObject.charAt()
作用:返回字符串的下标
varstr="这是一串字符串"; console.log(str.charAt(0))//这
2.stringObject.charCodeAt()
作用:方法可返回指定位置的字符的Unicode编码
varstr="这是一串字符串"; console.log(str.charCodeAt(0)) //这=>36825
3.String.fromCharCode()
作用:通过Unicode编码返回对应的字符
console.log(String.fromCharCode(36825,26159))//这是
例题:查找字符串是不是数字
<body> <inputtype="text"/> <inputtype="button"value="检测"/> <script> varaInp=document.getElementsByTagName('input'); aInp[1].onclick=function(){ varval=aInp[0].value; if(detectNum(val)){ alert('恭喜,'+val+'全是数字'); }else{ alert('输入有误'); } }; functiondetectNum(str){ varn=0; for(vari=0;i<str.length;i++){ n=str.charCodeAt(i); if(n<48||n>57)returnfalse; } returntrue; } </script> </body>
4.stringObject.indexOf()
作用:方法可返回某个指定的字符串值在字符串中首次出现的位置。
参数:str.indexOf(查找值,开始查找下标),如果要检索的字符串值没有出现,则该方法返回-1。
例题:返回查找对应字符出现的下标
<script> varstr='xsxsxscdecdcdxsxsxs'; varnum=0; vars='xs'; vararr=[]; for(;str.indexOf(s,num)!=-1;){ num=str.indexOf(s,num)+s.length arr.push(num) } console.log(arr) </script>
5.stringObject.lastIndexOf()
作用:从后往前找某个指定的字符串值在字符串中首次出现的位置
6.stringObject.substring()
作用:方法用于提取字符串中介于两个指定下标之间的字符。
7.stringObject.toUpperCase()
作用:字母转成大写
8.stringObject.toLowerCase()
作用:字母转成小写
9.stringObject.split()
作用:方法用于把一个字符串分割成字符串数组
参数:(以什么字符截取,保留数组到第几位)
三种用法
varstr="121314"; str.split("")//[1,2,1,3,1,4]; str.split("1")//[,2,3,4]; str.split("",2)//[1,2] 10.arrObject.join()
作用:方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的
两种用法
vararr=[1,2,3]; arr.join("")//123 arr.join("-")//1-2-3
例题:高亮显示查找的关键字
<inputtype="text"id="oin"/> <button>按钮</button> varoin=document.getElementById("oin"); varobtn=document.getElementsByTagName('button')[0]; varstr="arguments对象的长度是由实参个数而不是形参个数决定的。 形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象 内存空间并不重叠。对于arguments和值都存在的情况下,两者值是同步的 ,但是针对其中一个无值的情况下,对于此无值的情形值不会得以同步。 如下代码可以得以验证。"; varh=""; obtn.onclick=function(){ if(oin.value==""){ alert("输入为空"); returnfalse } vars=oin.value; if(str.indexOf(s)==-1){ alert("没有这个数字"); returnfalse } varm='<spanstyle="background-color:red">'+s+'</span>'; str=str.split(s); h=str.join(m) document.body.innerHTML=h }