语法:stringObject.charAt(index)
功能:返回 stringObject 中 index 位置的字符。
2.charCodeAt()语法:stringObject.charCodeAt(index)
功能:返回 stringObject 中 index 位置字符的字符编码
说明:
ECMAScript5 中可使用 "方括号加字符索引" 来访问字符串中特定的字符,但是 IE7 及更早的浏览器会返回 undefined。
3.indexOf()
- var str="hello world";
- console.log(str[1]);//e
- console.log(str.charAt(0));//h
- console.log(str.charAt(15));//空
- console.log(str.charCodeAt(4));//o编码的111
语法:stringObject.indexOf("o")
功能:从一个字符串中搜索给定的子字符串,返回子字符串的位置。
返回值:数值
说明:如果没有找到该子字符串,则返回 - 1。
4.lastIndexOf()
- var email="marry@163.com";
- //检测@在email中出现的位置
- console.log(email.indexOf("@"));//5
- console.log(email.indexOf("z"));//-1
- console.log(email.indexOf("rr"));//2
语法:stringObject.lastIndexOf ("o")
功能:从一个字符串中搜索给定的子字符串,返回子字符串的位置
返回值:数值
说明:如果没有找到该子字符串,则返回 - 1
5.split()
- var email="marry.mail@sohu.com";
- console.log(email.lastIndexOf("."));//15
- console.log(email.indexOf("."));//5
语法:stringObject.split(separator)
功能:把一个字符串分割成字符串数组。
返回值:Array。
说明:separator:必需,分隔符。
6.replace()
- var str="welcome-to-beijing";
- var arr=str.split("-");
- console.log(arr);//["welcome","to","beijing"]
- var date="2017/05/05";
- var dateArr=date.split("/");
- console.log(dateArr);//["2017","05","05"]
语法:stringObject.replace(regexp/substr,replacement)
功能:在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
返回值:String
参数:
regexp:必需。规定子字符串或要替换的模式的 RegExp 对象。
replacement::必需。一个字符串值。
7.toUpperCase() 与 toLowerCase()
- var tel = "010-6248541,400-100-48465,010-465484651";
- //newTel:被替换之后的字符串
- var newTel = tel.replace(',', " ") console.log(newTel); //010-6248541 400-100-48465 010-465484651
语法:stringValue.toUpperCase()
功能:把字符串转换为大写。
语法:stringValue.toLowerCase()
功能:把字符串转换为小写。
- var str="hello world";
- console.log(str.toUpperCase());//HELLO WORLD
- var upper=str.charAt(6).toUpperCase();
- console.log(upper);//W
- //toUpperCase()没有去修改原字符串
- console.log(str);//hello world
- var str2="WELCOME";
- console.log(str2.toLowerCase());//welcome
语法:stringValue.slice(start,end)
功能:截取子字符串。
参数说明:
1、start:必需,指定子字符串的开始位置。
2、end:可选,表示子字符串到哪里结束,end 本身不在截取范围之内,省略时截取至字符串的末尾。
3、当参数为负数时,会将传入的负值与字符串的长度相加。
2.substring()
- var str="hello world";
- console.log(str.slice(7,10));//orl
- console.log(str.slice(1,3));//el
- console.log(str.slice(1));//ello world
- //str.slice(8):从索引为8开始 截取至末尾
- console.log(str.slice(-3));//rld
- //str.slice(4,9 ):从索引为8开始 截取至末尾
- console.log(str.slice(-7,-2));//o wor
语法及功能同 slice() 完全一样。
区别在于:
1、当参数为负数时,自动将参数转换为 0。
2、substring() 会将较小的数作为开始位置,将较大的数作为结束位置。
3.substr()
- var str="hello world";
- console.log(str.substring(1,4));//ell
- console.log(str.slice(1,4));//ell
- console.log(str.substring(-7,5));//(0,5)hello
- console.log(str.substring(-4,-7));//空
- console.log(str.substring(2,-5));//(0,2)he
语法:stringValue.substr(start,len)
功能:截取子字符串。
参数说明:
1、start:必需,指定子字符串的开始位置。
2、len:可选,表示截取的字符总数,省略时截取至字符串的末尾。
3、当 start 为负数时,会将传入的负值与字符串的长度相加。
4、当 len 为负数时,返回空字符串。
- var str="hello world";
- console.log(sr.substr(6,3));//wor
- console.log(str.substr(-5,4));//(6,4) worl
- console.log(str.substr(3,-4));//空
综合应用:
编写 js 函数,用于获得输入参数的后缀名,如输入 abc.txt,返回. txt。
案例:
- <script>
- var url = "index.txt";
- function getFileFormat(url) {
- var pos = url.lastIndexOf(".");
- return url.substr(pos);
- }
- var formatName = getFileFormat(url);
- console.log(formatName); //.txt
- var picFormat = getFileFormat("4234.jpg");
- console.log(picFormat); //.jpg
- </script>
border-left-color==>borderLeftColor
分析:
1. 将字符串拆分为数组
2. 遍历数组
3. 改变除第一个单词之外的所有单词的首字母
4. 拼接字符串返回
- function cameback(str){
- //通过-这个分隔符将str拆分为数组
- var arr=str.split("-");//["border","left","color"]
- new Str=arr[0];
- for(var i=1,len=arr.length;i<len;i++){
- var word=arr[i];
- //console.log(world);//left color
- //将每个单词的首字母转换为大写,链接剩余字符
- //var newStr=word.charAt(0).toUpperCase();//L C
- //newStr=word.charAt(0).toUpperCase()+word.substr(1);//Left Color
- newStr+=word.charAt(0).toUpperCase()+word.substr(1);//borderLeftColor
- }
- return newStr;
- }
- var cameFormat=cameback("border-left-color");
- console.log(cameFormat);//borderLeftColor
来源: http://www.jianshu.com/p/84ae5c75e786