JavaScript 动态网页实例 —— 数组

前言

数组包含(或者存储)了一定编码的数据段。每个编码的数据段都称为该数组的一个元素,每个元素的编码称为该元素的下标。由于JavaScript 是一种无类型语言,所以,数组元素可以是任意的数据类型,同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组,这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值,然后介绍对数组元素的操作,最后给出一个实现多维数组的示例。

3.1 遍历数组元素

数组是一种特殊的数据结构,本节实例给出了数组定义与赋值的方法,同时给出了数组元素显示输出的方法。

要点

本节代码主要使用了数组的定义与赋值、数组元素的显示输出,以及Array 对象的 lengtl
属性。其主要功能和用法如下。

  • 在 JavaScript 中,数组可以使用构造函数 Array()和运算符 new 创建。有3种不同。的方式调用构造函数 Array()。
  • 创建数组的第1种方式为无参数调用,其格式为“var a-newArray()”,这样创建的。是一个不含任何元素的空数组。
  • 创建数组的第2种方法允许指定数组的若千个元素的值,其格式为“var a=new Array。(数组元素列表)”,其中的“数组元素列表”指定了数组元素的值,各元素值由逗号“”分隔。
  • 创建数组的第3种方式是给该对象传递一个数字参数,该数字指定数组的长度,其。格式为“var a=new Array(数组长度)”,用该方法创建的数组有指定的元素个数,每个元素的值都尚未定义。
  • 在 JavaScript中,数组的下标是从0开始的。可以使用“[]”存取一个数组元素,其后是对数组的一个引用。例如,a[2]表示数组a的第3个元素。使用这种方法可以对数组元素进行读写操作。
  • Array 对象的 length属性用于说明该数组包含的元素个数。其调用格式为“数组名.length”。由于数组可能包含未定义的元素,所以属性 length 总是比数组最多元素的个数大 1。和常规对象的属性不同,数组的length 属性总是自动更新的,以便在给数组添加新元素时能够保持更新。length属性会经常用到,主要用于对数组元素进行遍历。
<html>
<head>
<title>遍历数组元素</title>
</head>
<body bgcolor="black">
<h1><font color="white">遍历数组元素</font></h1><hr><center>
<script language="JavaScript">
<!--
//定义数组并为其赋值
var arr0=new Array(
"╔═╦═╦═╦═╦═╦═╦═╦═╦═╦═╦═╦═╦╭へ ̄'╮ ╦═╦═╦═╦═╗ ",
"║  ║  ║  ║  ║  ║  ║  ║  ║  ║  ║  ║ ╭ヘ╰ヾ ︾ヾ║  ║  ║  ║辨║ ",
"║少║少║治║少║脉║少║涩║少║少║难║少║∕     ッ   ╯║者║少║少║少║ ",
"║阴║阴║  ║阴║紧║阴║者║阴║阴║以║阴║乀 ﹀へ 彡 丿/  属║阴║阴║阴║ ",
"║中║病║  ║病║反║病║复║病║病║强║病║ €) の゛ ∩ ︳  少║病║之║病║ ",
"║风║恶║  ║下║去║脉║不║脉║脉║则║咳║( 厶  巛 √ㄨ     ║欲║为║症║ ",
"║脉║寒║  ║利║者║紧║可║微║细║少║而║ )灬;   ツ  ﹨    ║吐║病║并║ ",
"║阳║而║  ║若║为║至║下║不║沉║阴║下  ︹レ丿╯    ∕∕乀║不║脉║治║ ",
"║微║蜷║  ║利║欲║七║之║可║熟║汗║利 ∕ 巛       ∕∕     ̄'╮  ║  ║ ",
"║阴║时║  ║自║解║八║  ║发║病║也║ ╱’ ╲╲    ∕∕    ╮   ﹨ ║  ║ ",
"║浮║自║  ║止║也║日║  ║汗║为║ _︵ㄟ      ╲╲ ∕∕     │     ╲   ║ ",
"║者║烦║  ║恶║虽║自║  ║亡║在へ乀  ﹨╲      ╲∕∕      │ノ     ﹨ ║ ",
"║为║欲║  ║寒║烦║下║  ║阳║﹉︶へ─────────ー﹨   ∨       ヽ║ ",
"║欲║去║  ║而║下║利║  ║故║                            ﹨ ノ∕       ║ ",
"║愈║衣║  ║蜷║利║脉║  ║也║                              乀ー乀︵    ║ ",
"║  ║被║  ║卧║必║暴║  ║ ﹨                            ~ヘ乁     乁  ║ ",
"║  ║者║  ║手║自║微║  ║已 ﹨  __︷︷                   ヾシ﹨﹨╲  ヽ║ ",
"║  ║可║  ║足║愈║手║  ║虚 ╭╯      ヘ︵           _ - ─ ︵ ﹨﹨乀  ║ ",
"║  ║治║  ║温║  ║足║  ║ ╭’    ︵      ㄟ ╭ ︷ ╱         ╲ ﹨﹨  ║ ",
"║  ║  ║  ║者║  ║反║  ║ /        ﹨       ∕∕  /            ╰╮﹨﹨║ ",
"║  ║  ║  ║可║  ║温║  ║/           ヘㄟ  ∕│  /                乀   ║ ",
"║  ║  ║  ║  ║  ║  ║  ║/               ╱  /  /                   乁 ║ ",
"╚═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╩═╝ ",
"                                                                               "
);
//输出数组元素
document.write("<pre>");
for(var i=0;i<arr0.length;i++)
{
document.write("<font color=yellow>"+arr0[i]+"</font>\n");
}
document.write("</pre>");
//-->
</script>
&l
  • 40
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值