13. 数组和字符串
13.1 数组的概念
一般而言,一个变量只能储存一个值。数组打破了这种限制。
数组变量的多值性:
相当于一个数组变量里面包含多个自变量,每个自变量和一个普通变量一样,可以被赋值,也可以从中取出存储的值。数组中这些元素被称为数组元素。数组元素的个数称为数组元素的长度。
例子:
<html>
<head>
<title>奔跑的文字</title>
<style type="text/css">
#content{position:absolute;left:0px;top:50px;
width:200%;font-family:Impact;text-align:left;
color:red;overflow:hidden;}
</style>
<script type="text/javascript">
var s = 0;
var i = 0;
var m = 70;
var d = 2000;
var msg = new Array("你好", "欢迎观临", "谢谢");
function changeMsg()
{
if (i >= msg.length)
{
return true;
}
txt = document.getElementById("content");
txt.innerHTML = msg[i];
s = 0;
zoomTxt();
i++;
setTimeout("changeMsg()", d);
}
function zoomTxt()
{
if (s < m)
{
txt.style.fontSize = s;
s += 5;
setTimeout("zoomTxt()",30);
}
}
</script>
</head>
<body οnlοad="changeMsg();">
<div id="content"></div>
</body>
</html>
13.2 数组的创建和使用
为了使用数组,JavaScript提供了两种方法来定义数组。第一种方法是使用JavaScript内置的数组对象Array来创建数组;第二种方法是通过 JavaScript对象定义的方法创建一个数组对象。
- 使用Array对象创建数组
var 数组名=new Array(数组长度n)
通过JavaScript内置的Array对象创建的用户数组,如果没有设定数组长度,那么在初始化之前,一般是不能使用的,必须对元素进行初始化之后才能使用。
由于数组的声明要求数组大小的参数,因此不必对所有的元素进行初始化。
var Array200=new Array();
Array200[0]=”你好”;
Array200[99]=”我好”;
Array200[199]=”大家好”;
只需要完成3个元素的初始化就可以确定该数组的大小。
- 通过对象定义的方法创建数组
JavaScript不像其他语言具有明显的数组类型,通过对象定义的方法创建数组时,需要使用New对象操作符来创建一个具有下标的数组对象。这种方式创建的数组对象可以实现任何数据类型的存储。
定义数组对象:
Function arrayName(size)
{
for(var X=0;X<=size-1;X++)
this[X]=0;
this.length=size;
return this;
}
创建数组实例:
一个数组定义完成后,还不能马上使用,必须为该数组创建一个数组实例:
Myarray=New arrayName(n);
并赋予初值:
Myarray[1]=”自串1”;
Myarray[1]=”自串2”;
......
Myarray[1]=”自串n”;
一旦数组定义完成以后,数组中就具有真正意义的数据了,以后就可以在程序设计过程中直接使用了。
- 数组的使用
例子:
<html>
<head>
<title>数组使用实例</title>
</head>
<body>
<script language="JavaScript">
var name = new Array(6);
name[0] = "hello";
name[1] = "丽丽1";
name[2] = "丽丽2";
name[3] = "丽丽3";
name[4] = "丽丽4";
name[5] = "丽丽5";
for(var i=0;i<6;i++)
document.write("第"+(i+1)+"个人名是:"+ name[i]+"<br>")
</script>
</body>
</html>
- 数组的属性和方法
length:数组的长度。
toString:返回所有数组元素用逗号串联起来的字符串。
例子:
<html>
<head>
<title>Array属性和方法</title>
</head>
<body>
<script language="JavaScript">
var week;
week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五","星期六");
document.write("一周七天:"+week.toString());
</script>
</body>
</html>
13.3 JavaScript中的字符串
字符串是由0或者多个字符串组成的序列。在Javascript中,字符串通过再起首尾添加成对的单引号(‘’)或者双引号(“”)来说明字符串。
- 字符串对象
(1)string对象的属性
该对象只有一个属性,即length。它表明了字符串中的字符个数。
例如:
mytest=”ftuyghioj”;
mystringlength=mytset.length;
(2)string对象的方法
创建 HTML 锚。 | |
用大号字体显示字符串。 | |
显示闪动字符串。 | |
使用粗体显示字符串。 | |
返回在指定位置的字符。 | |
返回在指定的位置的字符的 Unicode 编码。 | |
连接字符串。 | |
以打字机文本显示字符串。 | |
使用指定的颜色来显示字符串。 | |
使用指定的尺寸来显示字符串。 | |
从字符编码创建一个字符串。 | |
检索字符串。 | |
使用斜体显示字符串。 | |
从后向前搜索字符串。 | |
将字符串显示为链接。 | |
用本地特定的顺序来比较两个字符串。 | |
找到一个或多个正则表达式的匹配。 | |
替换与正则表达式匹配的子串。 | |
检索与正则表达式相匹配的值。 | |
提取字符串的片断,并在新的字符串中返回被提取的部分。 | |
使用小字号来显示字符串。 | |
把字符串分割为字符串数组。 | |
使用删除线来显示字符串。 | |
把字符串显示为下标。 | |
从起始索引号提取字符串中指定数目的字符。 | |
提取字符串中两个指定的索引号之间的字符。 | |
把字符串显示为上标。 | |
把字符串转换为小写。 | |
把字符串转换为大写。 | |
把字符串转换为小写。 | |
把字符串转换为大写。 | |
toSource() | 代表对象的源代码。 |
返回字符串。 | |
返回某个字符串对象的原始值。 |
- 字符串的创建
(1)用new创建
Newstring=new String(“dfghjkl”);
(2)直接赋值
var Newstring=”edfghjkl”;
- 字符串的使用
<html>
<head>
<title>string属性和方法</title>
<script language="JavaScript">
function pout()
{
var s1 = new String("HTML丰富多彩的世界!!!");
var s2 = s1.bold();
var s3 = s1.fontcolor("red");
document.write(s1);
document.write(s2);
document.write(s3);
};
</script>
</head>
<body>
<script language="JavaScript">
pout();
</script>
</body>
</html>