[聚合文章] JavaScript内置对象--String

JavaScript内置对象--String

一、字符串对象的方法

1.charAt()
语法：stringObject.charAt(index)
功能：返回stringObject中index位置的字符。

2.charCodeAt()
语法：stringObject.charCodeAt(index)
功能：返回stringObject中index位置字符的字符编码

说明：
ECMAScript5中可使用“方括号加字符索引”来访问字符串中特定的字符，但是IE7及更早的浏览器会返回undefined。

var str="hello world";console.log(str[1]);//econsole.log(str.charAt(0));//hconsole.log(str.charAt(15));//空console.log(str.charCodeAt(4));//o编码的111

3.indexOf()
语法：stringObject.indexOf("o")
功能：从一个字符串中搜索给定的子字符串，返回子字符串的位置。
返回值：数值

说明：如果没有找到该子字符串，则返回-1。

var email="marry@163.com";//检测@在email中出现的位置console.log(email.indexOf("@"));//5console.log(email.indexOf("z"));//-1console.log(email.indexOf("rr"));//2

4.lastIndexOf()
语法：stringObject.lastIndexOf ("o")
功能：从一个字符串中搜索给定的子字符串，返回子字符串的位置
返回值：数值

说明：如果没有找到该子字符串，则返回-1

var email="marry.mail@sohu.com";console.log(email.lastIndexOf("."));//15console.log(email.indexOf("."));//5

5.split()
语法：stringObject.split(separator)
功能：把一个字符串分割成字符串数组。
返回值：Array。

说明：separator：必需，分隔符。

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"]

6.replace()
语法：stringObject.replace(regexp/substr,replacement)
功能：在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
返回值：String
参数：
regexp：必需。规定子字符串或要替换的模式的 RegExp 对象。
replacement:：必需。一个字符串值。

var tel="010-6248541,400-100-48465,010-465484651";//newTel：被替换之后的字符串var newTel=tel.replace(','," ")console.log(newTel);//010-6248541 400-100-48465 010-465484651

7.toUpperCase()与toLowerCase()
语法：stringValue.toUpperCase()
功能：把字符串转换为大写。

语法：stringValue.toLowerCase()
功能：把字符串转换为小写。

var str="hello world";console.log(str.toUpperCase());//HELLO WORLDvar upper=str.charAt(6).toUpperCase();console.log(upper);//W//toUpperCase()没有去修改原字符串console.log(str);//hello worldvar str2="WELCOME";console.log(str2.toLowerCase());//welcome

二、字符串对象的截取方法

1.slice()
语法：stringValue.slice(start,end)
功能：截取子字符串。
参数说明：
1、start：必需，指定子字符串的开始位置。
2、end：可选，表示子字符串到哪里结束，end本身不在截取范围之内，省略时截取至字符串的末尾。
3、当参数为负数时，会将传入的负值与字符串的长度相加。

var str="hello world";console.log(str.slice(7,10));//orlconsole.log(str.slice(1,3));//elconsole.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

2.substring()
语法及功能同slice()完全一样。
区别在于：
1、当参数为负数时，自动将参数转换为0。
2、substring()会将较小的数作为开始位置，将较大的数作为结束位置。

var str="hello world";console.log(str.substring(1,4));//ellconsole.log(str.slice(1,4));//ellconsole.log(str.substring(-7,5));//(0,5)helloconsole.log(str.substring(-4,-7));//空console.log(str.substring(2,-5));//(0,2)he

3.substr()
语法：stringValue.substr(start,len)
功能：截取子字符串。
参数说明：
1、start：必需，指定子字符串的开始位置。
2、len：可选，表示截取的字符总数，省略时截取至字符串的末尾。
3、当start为负数时，会将传入的负值与字符串的长度相加。
4、当len为负数时，返回空字符串。

var str="hello world";console.log(sr.substr(6,3));//worconsole.log(str.substr(-5,4));//(6,4) worlconsole.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

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。