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
}