JavaScript内置对象-2String(字符串)
学习目标
1.掌握字符串对象 方法:
charAt()
charCodeAt()
indexOf()
lastIndextOf()
charAt()与
语法:stringObjcet.charAt(index)
功能:返回stringObject中index位置的字符串。
说明:ECMAScript5可以使用“方括号加字符串索引”来访问字符串中特定的字符,但是IE7及更早的浏览器会返回undfined.
charCodeAt()
语法:stringObject.charCodeAt(index)
功能:返回stringObject中index位置字符的字符编码。
说明:ECMAScript5可以使用“方括号加字符串索引”来访问字符串中特定的字符,但是IE7及更早的浏览器会返回undfined.
<script>
/* var str="hello world";
console.log(str.charCodeAt(4));
var email="marry.mail@sohu.com";
// 检测@在email中出现的位置
console.log(email.indexOf("o"));
console.log(email.lastIndexOf("."));*/
var str="hello world";
// 截取orl
/* console.log(str.slice(7,10));
console.log(str.slice(1));
// str.slice(8) // str.slice(4,9)
console.log(str.slice(-7,-2));
console.log(str.substring(-7,5)); //(0,5)
console.log(str.substring(2,-5)); //(0,2)*/
// str.substring(6,9)
console.log(str.substr(6,3));
console.log(str.substr(-5,4)); // (6,4)
console.log(str.substr(3,-4));
</script>
indexOf()与lastIndexOf()
语法:stringOject.indextOf(“0”)
功能:从左一个字符串中搜索给定的子字符串,返回子字符串的位置。
返回值:数值
说明:如果没有找到该子字符串,则返回-1.
语法:stringOject.lastIndextOf(“0”)
功能:从右一个字符串中搜索给定的子字符串,返回子字符串的位置。
返回值:数值
说明:如果没有找到该子字符串,则返回-1
<script>
// 获取扩展名
var url="http://baidu.com/index.txt";
function getFileFormat(url){
// 获取.在url中出现的位置
var pos=url.lastIndexOf(".");
return url.substr(pos);
}
var formatName=getFileFormat(url);
var picFormat=getFileFormat("1231434.jpg")
console.log(formatName);
console.log(picFormat);
</script>
学习目标
1.掌握字符串对象的截取方法:
slice()
substring()
substr()
slice()
语法:stringValue.slice(start,end)
功能:截取子字符串
参数说明:1.start:必需,指定子字符串的开始位置。
2.end:可选,表示子字符串到哪里结束,end本身不在截取范围之内,省略时截取至字符串的末尾。
3.当参数为负数时,会将传入的负值与字符串的长度相加
substring()
说明:语法及功能同slice()完全一样。
区别在于:1.当参数为负数时,自动将参数转换为0.
2.Substring()会将较小的数作为开始位置,将较多的数作为结束位置。
substr()
语法:stringValue.substr(start,len)
功能:截取子字符串。
参数说明:1.start:必需,指定子字符串的开始位置。
2.len:可选,表示截取的字符总数,省略时截取字符串的末尾。
3.当start为负数时,会将传入与字符串的长度相加。
4.当len为负数时,返回空字符串。
学习目标
掌握字符串方法的综合应用:
编写JS函数,用于获得输入参数的后缀名,如输入abc.text,返回.text。
学习目标
1.掌握字符串对象的方法:split()
replace()
split()
语法:stringObject.split(separator)
功能:把一个字符串分割成字符串数组。
返回值:Array
说明:separator:必需,分割符。
<script>
var str='welcome-to-beijing';
//使用split将str转换为数组
var arr=str.split("-");
var date='2016/05/05';
//["welcome","to","beijing"]
var dateArr=date.split("/");
console.log(dateArr);
console.log(arr);
//替换
var tel='010-62971268,400-100-9098,010-86789889';
//newTel被替换之后的字符串
var newTel=tel.replace(','," ");
console.log(newTel);
</script>
replace()
语法:stringObject.replace(regexp/substr,replacement)
功能:在字符串中用一些字符替换另一些字符。或替换一个与正则表达式匹配的字符。
返回值:string
参数:regexp:必需,规定子字符串或要替换的模式的regexp对象。
replacement:必需,一个字符串值。
<script>
var str='welcome-to-beijing';
// 使用split将str转换为数组
var arr=str.split("-");
var date='2016/05/05';
// ["welcome","to","beijing"]
var dateArr=date.split("/");
console.log(arr);
console.log(dateArr);
// 替换
var tel='010-62971268,400-100-9098,010-86789889';
// newTel被替换之后的字符串
var newTel=tel.replace(','," ");
console.log(newTel);
</script>
学习目标
掌握字符串方法的其他方法:
1.toUpperCase()
2.toLowerCase()
3.将字符串border-left-color转换成borderLeftColor
toUpperCase()与toLowerCase()
语法:stringValue.toUpperCase()
功能:把字符串转换为大写。
语法:stringValue.toLowerCase()
功能:把字符串转为小写。