js入门系列演示·数组

数组,用处可多啦,要不怎么会被javascript选如核心成员呢,对了,因为是核心(是核心不是黑心)所以声明方式也有所不同例如 : var arr=new Array();

JS数组有别于其他语言的一个重要特点是,他可以在不同行包含不同的数据类型,这也算JS这种弱类型语言的一个特色吧!

JS数组还有个大的特色就是不支持多维数组，这点不如VBS，赫赫，但是也不是没有办法，我们可以在数组中包含数组，或者使用关联数组

演示一：申明--插入属性-->读取-->显示出来 (代码 31-40 行)

var al=new Array(1,2,3,4,5,6,7,8,9,"天轰穿","javascript入门系列","vs2005系列控件演示")//申明一个数组al ,并赋初始值
//下面两句是在数组的指定位置插入两个元素，这样，初始的的元素就会顺延
al[5]="thcjp";
al[9]=8867;
//以下是读取
for(var i=0;i<al.length;i++)
{//申明一个值为0的变量 i ，循环到数组的最大项
document.write(i+1 +"·<b>"+al[i]+"</b><br>");//在屏幕上打印出数组的所有元素,这里可以注意下括号内的代码
}

演示二：利用关联数组查找对应的信息，

注意：这里得提示以下，当跳出循环后，I 的值是被保留下来的，在循环外面还是有效，还记得我们在 http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html 一文里面提出了变量的作用域的概念！

但是，细心的朋友肯定还是会发现，我这样做有一个BUG，如果没发现，那说明你很厉害，BUG都怕你，如果发现了，自己试着改下，不行的话就请继续关注 http://thcjp.cnblogs.com 或者搜索天轰穿我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程

@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

.STYLE1 {

}{

color: #FF0000;

font-weight: bold;

}

-->

</style>

//创建一个包含名字的数组

var namearr=new Array(5);//声明一个包含5个元素的数组

namearr[0]="张三";

namearr[1]="李四";

namearr[2]="王五";

namearr[3]="赵六";

namearr[4]="钱七";

//下面再声明一个对应的包含他们年龄的数组

var agearr=new Array(5);

agearr[0]=22;

agearr[1]=33;

agearr[2]=44;

agearr[3]=55;

agearr[4]=66;

function schr()

{//在这个函数里面，我们将循环名字数组的所有项，找到匹配的名字，然后跳出循环

var txt=document.f.tt.value;//将选择的名字赋值给变量txt

for(var i=0;i<namearr.length;i++)//循环名字数组

{

if(namearr[i]==txt)//如果循环到的当前项和变量一样

break;//跳出循环

}

alert(txt +"的年龄是："+ agearr[i]+"岁");//在年龄数组中的I 元素读出来，上面我们看见了，两个数组是对应的

}

</script>

</head>

<body>

<p>数组,用处可多啦,要不怎么会被javascript选如核心成员呢,对了,因为是核心(是核心不是黑心)所以声明方式也有所不同例如 : var arr=<span class="STYLE1">new</span> Array();</p>

<p> JS数组有别于其他语言的一个重要特点是,他可以在<span class="STYLE1">不同行包含不同的数据类型</span>,这也算JS这种弱类型语言的一个特色吧!</p>

<p>JS数组还有个大的特色就是不支持多维数组，这点不如VBS，赫赫，但是也不是没有办法，我们可以在数组中包含数组，或者使用关联数组</p>

<p>

var al=new Array(1,2,3,4,5,6,7,8,9,"天轰穿","javascript入门系列","vs2005系列控件演示")//申明一个数组al ,并赋初始值

//下面两句是在数组的指定位置插入两个元素，这样，初始的的元素就会顺延

al[5]="thcjp";

al[9]=8867;

//以下是读取

for(var i=0;i<al.length;i++)

{//申明一个值为0的变量 i ，循环到数组的最大项

document.write(i+1 +"·<b>"+al[i]+"</b><br>");//在屏幕上打印出数组的所有元素,这里可以注意下括号内的代码

}

</script>

<p><strong>演示二：利用关联数组查找对应的信息，

</strong>

<p>注意：这里得提示以下，当跳出循环后，I 的值是被保留下来的，在循环外面还是有效，还记得我们在 http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html 一文里面提出了变量的作用域的概念！

<p>但是，细心的朋友肯定还是会发现，我这样做有一个BUG，如果没发现，那说明你很厉害，BUG都怕你，如果发现了，自己试着改下，不行的话就请继续关注 <a href="http://thcjp.cnblogs.com">http://thcjp.cnblogs.com</a> 或者搜索 <a href="http://thcjp.cnblogs.com">天轰穿</a>我将会从JS到AJAX和ATLAS一直到.net(c#)与AJAX的整合出一系列的入门级实例教程

</select>

</form>

</body>

</html>

转载于:https://www.cnblogs.com/czh-liyu/archive/2007/11/27/974072.html

js入门系列演示·数组相关推荐

视频教程-零基础JS入门系列课程(2)之JS语法基础精讲-JavaScript
零基础JS入门系列课程(2)之JS语法基础精讲螺钉课堂讲师,擅长Vue.React.ReactNative.NodeJS等前端框架及技术邓老师 ¥59.00 立即订阅扫码下载「CSDN程序员学院 ...
hapi.js入门系列（一）——一个简单的Hello World程序
目录简介一.安装hapi 1.1 创建项目 1.2 初始化package.json 1.3 安装Hapi依赖二.一个简单的hello world程序 2.1 创建一个最基础的服务 2.2 添加一 ...
node.js入门系列(一)--Node.js简介
什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一 ...
【 D3.js 入门系列 --- 2 】怎样使用数据和选择元素
本人的个人博客首页为: http://www.ourd3js.com/ ,csdn博客首页为:http://blog.csdn.net/lzhlzz/. 转载请注明出处,谢谢. 接着上一讲的内容,这 ...
《Node.js 入门系列》—— 一些简单的排错方法（一）
目录 TypeError: undefined is not a function TypeError: Cannot read property 'xxx' of undefined 或者 Type ...
Vue.js入门系列教程（二）
过滤器:filter 全局过滤器 <!DOCTYPE html> <html lang="en"><head><meta charset= ...
javascript入门系列演示·三种弹出对话框的用法实例
对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3: 一个带输入的对话框,可以返回用户填入的 ...
【 D3.js 入门系列 --- 4 】怎样使用scale（比例）
本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 在上一节中使用了一个非常重要的概念 - scale (这个不知道 ...
【 D3.js 入门系列 --- 7 】理解 update, enter, exit 的使用
本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 在前面几节中重复出现了例如以下代码: svg.selectAll ...

js入门系列演示·数组

js入门系列演示·数组相关推荐

最新文章

热门文章