ECMAScriptJavaScript内置对象–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]);//e
console.log(str.charAt(0));//h
console.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("@"));//5
console.log(email.indexOf("z"));//-1
console.log(email.indexOf("rr"));//2

4.lastIndexOf()
语法:stringObject.lastIndexOf (“o”)
效益:从一个字符串中找给定的子字符串,返回子字符串的职务
返回值:数值

证明:如果没有找到该子字符串,则赶回-1

var email="marry.mail@sohu.com";
console.log(email.lastIndexOf("."));//15
console.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 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

其次、字符串对象的截取方法

1.slice()
语法:stringValue.slice(start,end)
功用:截取子字符串。
参数说明:
1、start:必需,指定子字符串的发端位置。
2、end:可选,表示子字符串到哪了,end本身不在截取范围之内,省略时截取到字符串的末尾。
3、当参数为负数时,会将盛传的负值与字符串的长相加。

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

2.substring()
语法及效益同slice()完全平等。
有别于在于:
1、当参数为负数时,自动将参数转换为0。
2、substring()会用比较小的反复作为开头位置,将于生的数作为完结位置。

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

3.substr()
语法: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