JavaScript教程（七）javascript中字符串(String)对象及处理字符串的方法

1. 字符串的属性 length 的介绍:
   在JavaScript 中,对于字符串来说,要掌握的属性就只有一个,那就是 length 属性.我们可以通过 length属性来获取字符串的长度.
   语法：字符串名称.length
   说明:length 属性很简单,但是在字符串操作中经常要用到,这个大家一定 要记住.

<script type="text/javascript">
	//length属性介绍
	var str1='Html css javascript';
	document.write(str1.length);//输出结果为19
</script>

2. 处理字符串方法的介绍
   (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第一个参数指定的开始位置,第二个值截取字符串最终下标(索引).