- 字符串的属性 length 的介绍:
在JavaScript 中,对于字符串来说,要掌握的属性就只有一个,那就是 length 属性.我们可以通过 length属性来获取字符串的长度.
语法:字符串名称.length
说明:length 属性很简单,但是在字符串操作中经常要用到,这个大家一定 要记住.
<script type="text/javascript">
//length属性介绍
var str1='Html css javascript';
document.write(str1.length);//输出结果为19
</script>
- 处理字符串方法的介绍
(1) Match()方法的介绍:使用 match()方法可以从字符串内索引指定的值.(1) Match()方法的介绍:使用 match()方法可以从字符串内索引指定的值.
<script type="text/javascript">
//(1)match()通过此方法输出字符串中指定的值
var str1='Html css javascript'
document.write(str1.match('Html'));//Html
document.write(str1.match('html'));//null值,当指定的值不存在时输出null.
</script>
(2) Search()方法的介绍:search() 方法用于检索字符串中指定的子字符串.
<script type="text/javascript">
var str2='I Love javascript';
document.write(str2.search('love'));//输出值为-1,在字符串中检索的字符串不存在则返回-1
document.write(str2.search('Love'));//输出值为2,返回在字符串中的索引位置是以子字符串的首个字符的索引输出
</script>
(3) IndexOf()方法介绍:返回在字符串中元素第一次出现的索引位置.
<script type="text/javascript">
//(3) IndexOf()返回在字符串中元素第一次出现的索引位置
var str2='I Love javascript';
document.write(str2.indexOf('a','0'));//输出值为8
document.write(str2.indexOf('a','19'));//输出值为-1,表示没有
</script>
(4) Replace()方法介绍:在字符串中用一些字符串替换另一些字符串.
<script type="text/javascript">
//(4)Replace():在字符串中用一些字符串替换另一些字符串.
var str2='I Love javascript';
document.write(str2.replace('Love','like'));//输出结果为I like javascript
</script>
(5) CharAt(n)方法的介绍:用来获取字符串中某一个字符,n表示的是字符串中字符的下标.
<script type="text/javascript">
var str3='what are you 弄啥嘞';
document.write(str3.charAt(4));//输出空格
document.write(str3.charAt(5));//输出a
document.write(str3);//输出字符串
</script>
问题:按字符串的每一个字符输出?
<script type="text/javascript">
var str3='what are you 弄啥嘞';
for(var i=0;i<str3.length;i++){
document.write(str3.charAt(i));
}
</script>
问题: 将每一个字符放置到一个数组中?
<script type="text/javascript">
var str3='what are you 弄啥嘞';
var strstring=new Array();
for (var i=0;i<str3.length;i++) {
strstring[i]=str3.charAt(i);
}
//遍历数组
for (var i=0;i<strstring.length;i++) {
document.write(strstring[i]);
}
</script>
(6) 字符串大小写转换:使用 toLowerCase()小写和 toUpperCase()大写这两种方法来转化 字符串的大小写。
<script type="text/javascript">
var str4='I have a Dream';
//转换为大写
document.write(str4.toUpperCase());//输出结果为I HAVE A DREAM
//转换为小写
document.write(str4.toLowerCase());//输出结果为i have a dream
</script>
(7)concat() 连接字符串:
<script type="text/javascript">
var str5='I like red';
var str6=str5.concat('and yellow.....','you too');
document.write(str6);//输出结果为I like redand yellow.....you too
</script>
(8)localecompare()用来比较两个字符串,返回一个数字
说明:比较完成后,返回值是一个数字
(1)如果字符串 1 小于字符串 2,则返回小于 0 的数字;
(2)如果字符串 1 大于字符串 2,则返回数字 1;
(3)如果字符串 1 等于字符串 2,则返回数字 0;
<script type="text/javascript">
var str1= "E";
var str2= "a";
var str3 = str1.localeCompare(str2);
document.write(str3);
</script>
(9) 分割字符串 split()方法:使用 split()方法把一个字符串分割成字符串数组
<script type="text/javascript">
var str9='I love javascript';
var arr_01=str9.split('a');//分隔符为字符串中的字符
document.write(arr_01);//输出结果为I love j,v,script
</script>
(10)substring()从字符串中截取字符串
说明::开始位置是一个非负的整数,表示从哪个位置开始截取.结束位置也是一个非负的整数,表示在哪里结束截取.
<script type="text/javascript">
var str10='I love javascript';
document.write(str10.substring(2,5));//输出结果为lov
</script>
问题: substring()和substr()之间的区别?
<script type="text/javascript">
var str10='Ilovejavascript';
document.write(str10.substring(2,5));//输出结果为ove
</script>
<script type="text/javascript">
var str10='Ilovejavascript';
document.write(str10.substr(2,5));//输出结果为oveja
</script>
substr返回一个从指定位置开始的指定长度的子字符串,第一个值为指定开始位置,第二个值为指定长度.
substring第一个参数指定的开始位置,第二个值截取字符串最终下标(索引).