JavaScript內(nèi)置對象--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")
功能：從一個字符串中搜索給定的子字符串，返回子字符串的位置。
返回值：數(shù)值
說明：如果沒有找到該子字符串，則返回-1。
var email="marry@163.com";
//檢測@在email中出現(xiàn)的位置
console.log(email.indexOf("@"));//5
console.log(email.indexOf("z"));//-1
console.log(email.indexOf("rr"));//2
4.lastIndexOf()
語法：stringObject.lastIndexOf ("o")
功能：從一個字符串中搜索給定的子字符串，返回子字符串的位置
返回值：數(shù)值
說明：如果沒有找到該子字符串，則返回-1
var email="marry.mail@sohu.com";
console.log(email.lastIndexOf("."));//15
console.log(email.indexOf("."));//5
5.split()
語法：stringObject.split(separator)
功能：把一個字符串分割成字符串數(shù)組。
返回值：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
參數(shù)：
regexp：必需。規(guī)定子字符串或要替換的模式的 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)
功能：截取子字符串。
參數(shù)說明：
1、start：必需，指定子字符串的開始位置。
2、end：可選，表示子字符串到哪里結束，end本身不在截取范圍之內(nèi)，省略時截取至字符串的末尾。
3、當參數(shù)為負數(shù)時，會將傳入的負值與字符串的長度相加。
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()完全一樣。
區(qū)別在于：
1、當參數(shù)為負數(shù)時，自動將參數(shù)轉換為0。
2、substring()會將較小的數(shù)作為開始位置，將較大的數(shù)作為結束位置。
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)
功能：截取子字符串。
參數(shù)說明：
1、start：必需，指定子字符串的開始位置。
2、len：可選，表示截取的字符總數(shù)，省略時截取至字符串的末尾。
3、當start為負數(shù)時，會將傳入的負值與字符串的長度相加。
4、當len為負數(shù)時，返回空字符串。
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函數(shù)，用于獲得輸入?yún)?shù)的后綴名，如輸入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.將字符串拆分為數(shù)組
2.遍歷數(shù)組
3.改變除第一個單詞之外的所有單詞的首字母
4.拼接字符串返回
function cameback(str){
//通過-這個分隔符將str拆分為數(shù)組
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
