Javascript 数组用法入门教程

定义数组

 代码如下 复制代码

var a = new Array("a", "b", "c");
 
方法1.

var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"

方法2.

定义和初始化一起:

 代码如下 复制代码

var mycars=new Array("Saab","Volvo","BMW")

或者另一种写法:

 代码如下 复制代码

var mycars=["Saab","Volvo","BMW"];

循环读取

 代码如下 复制代码

for (i = 0; i < a.length; i++) {//循环读取
                document.write(i + ":" + a[i] + "<br />");
}

document.write("toString():" + a.toString() + "<br />");//toString(),以字符串表示数组
            document.write("join():" + a.join("") + "<br />");//join(),以join后的字符串参数作为间隔符,生成一个字符串,如果是参数是半角逗号,则效果与toString()相同
            document.write("reverse():" + a.reverse().toString() + "<br />");//reverse().把数组内元素倒序生成新的数组
            document.write("valueOf():" + a.valueOf() + "<br />");//valueOf(),输出数组的值

//二维数组

 代码如下 复制代码
            var b = new Array(3);//定义长度为3的数组
            b[0] = new Array("a", 1);
            b[1] = new Array("b", 2);
            b[2] = new Array("c", 3);
            for (i = 0; i < b.length; i++) {//循环输出每一维的每个元素
                for (j = 0; j < b[i].length; j++) {
                    document.write("b[" + i + "][" + j + "]:" + b[i][j] + "<br />");
                }
            }

数组长度:

javascript的数组不需要设定长度,会自己进行扩展,数组名.length返回元素个数

下面是演示改变length属性的例子:

 代码如下 复制代码

var arr=[12,23,5,3,25,98,76,54,56,76];
//定义了一个包含10个数字的数组
alert(arr.length);  //显示数组的长度10
arr.length=12;   //增大数组的长度
alert(arr.length);  //显示数组的长度已经变为12

alert(arr[8]);   //显示第9个元素的值,为56
arr.length=5;   //将数组的长度减少到5,索引等于或超过5的元素被丢弃
alert(arr[8]);   //显示第9个元素已经变为"undefined"
arr.length=10;   //将数组长度恢复为10
alert(arr[8]);   //虽然长度被恢复为10,但第9个元素却无法收回,显示"undefined"

由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置,它也有可能被隐式修改。javascript中可以使用一个未声明过的变量,同样,也可以使用一个未定义的数组元素(指索引超过或等于length的元素),这时,length属性的值将被设置为所使用元素索引的值加1。例如下面的代码:

 

 代码如下 复制代码
var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);

代码中同样是先定义了一个包含10个数字的数组,通过alert语句可以看出其长度为10。随后使用了索引为15的元素,将其赋值为15,即arr[15]=34,这时再用alert语句输出数组的长度,得到的是16。无论如何,对于习惯于强类型编程的开发人员来说,这是一个很令人惊讶的特性。事实上,使用new Array()形式创建的数组,其初始长度就是为0,正是对其中未定义元素的操作,才使数组的长度发生变化。
由上面的介绍可以看到,length属性是如此的神奇,利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解,有助于在开发过程中灵活运用。

附留言:
supNate:没有具体例子,窃以为了解了length属性,就理解了javascript中的数组。而数组是完成很多例子的基础。因为和其他语言区别比较大,所以单独讲一下。例如实现低版本浏览器不支持的数组的pop方法:

 代码如下 复制代码
Array.prototype.pop=function(){
if(0==this.length)return;
var temp=this[this.length-1];
this.length--;
return temp;
}

这样数组就能作为栈使用了。

时间: 2024-10-26 12:04:48

Javascript 数组用法入门教程的相关文章

Jquery树插件zTree用法入门教程

 这篇文章主要介绍了Jquery树插件zTree用法入门教程,实例分析了zTree插件的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例分析了Jquery树插件zTree用法.分享给大家供大家参考.具体分析如下: 关于zTree的介绍就搜吧. 这个例子的最终效果如下: 鼠标移动到一级目录时出现全选链接,点击全选链接该目录下的所有子项都被添加到收件人的文本框中,当然点击单个子项则添加一个.至于要添加些什么信息由自己决定. 1. 下载zTee,页面引入jquery.js,根据功能需

Twig模板引擎用法入门教程_php实例

本文实例讲述了Twig模板引擎用法.分享给大家供大家参考,具体如下: 介绍 Twig是一个灵活.高效并且安全的PHP模板引擎. 如果你使用过Smarty.Django或者Jinja这类基于文本的模板引擎的话,那么你会觉得Twig是很自然而然的事情.Twig严格遵守了PHP的信念,同时增加了在模板环境中很有用的函数,这些做法使得Twig不论是对设计师还是开发人员,都是非常友好的. Twig的主要特征有: 高效:Twig将模板编译成了优化了的PHP文件,与原生的PHP代码比较而言,性能损耗非常小.

javascript数组与列表教程

javascript: 数组 数组是编程世界里最常见的数据结构.任何一种编程语言都包含数组,只是形式稍微有差异.数组是编程语言中的内建类型,通常效率都很高.可以满足不同需求的数据存储,本章将探索javascript中的数组工作原理,以及它们的使用场合. 一:javascript中对数组的定义 数组的标准定义是:一个存储元素的线性集合(collection),元素可以通过索引来任意存储,索引通常是数字,用于计算元素之间存储位置的偏移量.几乎所有的编程语言都有类似的数据结构.然而javascript

javascript cookie用法基础教程(概念,设置,读取及删除)_基础知识

本文实例讲述了javascript cookie用法.分享给大家供大家参考,具体如下: 一.什么是 cookie? cookie 就是页面用来保存信息,比如自动登录.记住用户名等等. 二.cookie 的特点 同个网站中所有的页面共享一套 cookie cookie 有数量.大小限制 cookie 有过期时间 三.如何使用 cookie? 通过 document.cookie 来写入 cookie <!DOCTYPE HTML> <html lang="en-US"&

JavaScript极简入门教程(二):对象和函数_javascript技巧

阅读本文需要有其他语言的编程经验. JavaScript 中的简单类型包括: 1.数字 2.字符串 3.布尔(true 和 false) 4.null 5.undefined 此外的其他类型均是对象(我们不要被 typeof 操作符的返回值所迷惑),例如: 1.函数 2.数组 3.正则表达式 4.对象(对象自然也是对象) 对象基础 在 JavaScript 中,对象是属性的集合(对象为关联数组),每个属性包括: 1.属性名,必须为字符串 2.属性值,可以为除了 undefined 之外的任何值

JavaScript极简入门教程(三):数组_javascript技巧

阅读本文需要有其他语言的编程经验. 在 JavaScript 中数组是对象(而非线性分配的内存). 通过数组 literal 来创建数组: 复制代码 代码如下: var empty = []; var numbers = [     'zero', 'one', 'two', 'three', 'four',     'five', 'six', 'seven', 'eight', 'nine' ]; empty[1] // undefined numbers[1] // 'one' empty

JavaScript极简入门教程(一):基础篇_javascript技巧

阅读本文需要有其他语言的编程经验. 开始学习之前 大多数的编程语言都存在好的部分和差的部分.本文只讲述 JavaScript 中好的部分,这是因为: 1.仅仅学习好的部分能够缩短学习时间 2.编写的代码更加健壮 3.编写的代码更加易读 4.编写的代码更加易于维护 弱类型和强类型 通常来说,越早的修复错误,为之付出的代价就越小.强类型语言的编译器可以在编译时检查某些错误.而 JavaScript 是一门弱类型语言,其解释器无法检查类型错误,但实践表明: 1.强类型能够避免的错误并不是那些关键性错误

Android桌面组件App Widget用法入门教程_Android

本文实例讲述了Android桌面组件App Widget用法.分享给大家供大家参考.具体如下: Android开发应用除了程序应用,还有App Widget应用.好多人会开发程序应用而不会开发App Widget应用.本帖子就是帮助大家学习如何开发App Widget应用的. 先简单说说App Widget的原理.App Widget是在桌面上的一块显示信息的东西,通过单击App Widget跳转到程序入口类.而系统自带的程序,典型的App Widget是music,这个Android内置的音乐

linux中Shell命令用法入门教程

什么时候使用Shell 因为Shell似乎是各UNIX系统之间通用的功能,并且经过了POSIX的标准化.因此,Shell脚本只要"用心写"一次,即可应用到很多系统上.因此,之所以要使用Shell脚本是基于:     简单性:Shell是一个高级语言:通过它,你可以简洁地表达复杂的操作.     可移植性:使用POSIX所定义的功能,可以做到脚本无须修改就可在不同的系统上执行.     开发容易:可以在短时间内完成一个功能强大又妤用的脚本. 但是,考虑到Shell脚本的命令限制和效率问题