javascript面向对象技术基础(二)

作者:sdcyst 来源:javaeye 时间:2010-02-07 13:09:00 

数组

我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,数组中的数据可以是任何的数据类型.数组本身仍旧是对象,但是由于数组的很多特性,通常情况下把数组和对象区别开来分别对待(Throughout this book, objects and arrays are often treated as distinct datatypes.This is a useful and reasonable simplification; you can treat objects and arrays as separate types
for most of your JavaScript programming.To fully understand the behavior of objects and arrays, however, you have to know the truth: an array is nothing more than an object with a thin layer of extra functionality. You can see this with the typeof operator: applied to an array value, it returns the string "object".  --section7.5).

创建数组可以用"[]"操作符,或者是用Array()构造函数来new一个.


var array1 = [];  //创建空数组
var array2 = new Array();  //创建空数组
array1 = [1,"s",[3,4],{"name1":"NAME1"}]; //
alert(array1[2][1]);  //4   访问数组中的数组元素
alert(array1[3].name1); //NAME1 访问数组中的对象
alert(array1[8]);   //undefined
array2 = [,,];  //没有数值填入只有逗号,则对应索引处的元素为undefined
alert(array2.length); //3
alert(array2[1]);     //undefined

用new Array()来创建数组时,可以指定一个默认的大小,其中的值此时为undefined,以后可以再给他们赋值.但是由于javascript中的数组的长度是可以任意改变的,同时数组中的内容也是可以任意改变的,因此这个初始化的长度实际上对数组没有任何的约束力.对于一个数组,如果对超过它最大长度的索引赋值,则会改变数组的长度,同时会对没有赋值的索引处赋值undefined,看下面的例子.

var array = new Array(10);
alert(array.length);   //10
alert(array[4]);       //undefined
array[100] = "100th";  //这个操作会改变数组的长度,同时将10-99索引对应的值设为undefined
alert(array.length);   //101
alert(array[87]);      //undefined

可以用delete操作符删除数组的元素,注意这个删除仅仅是将数组在该位置的元素设为undefined,数组的长度并没有改变.

我们已经使用过了数组的length属性,length属性是一个可以读/写的属性,也就是说我们可以通过改变数组的length属性来任意的改变数组的长度.如果将length设为小于数组长度的值,则原数组中索引大于length-1的值都会被删除.如果length的值大于原始数组的长度,则在它们之间的值设为undefined.

var array = new Array("n1","n2","n3","n4","n5");  //五个元素的数组
var astring = "";
for(var i=0; i<array.length; i++) {           //循环数组元素
    astring += array[i];
}
alert(astring);       //n1n2n3n4n5
delete array[3];                   //删除数组元素的值
alert(array.length + "_" + array[3])  //5_undefined
array.length = 3;    //缩减数组的长度
alert(array[3]);     //undefined
array.length = 8;    //扩充数组的长度
alert(array[4]);     //undefined

对于数组的其他方法诸如join/reverse等等,在这就不再一一举例.

通过上面的解释,我们已经知道,对象的属性值是通过属性的名字(字符串类型)来获取,而数组的元素是通过索引(整数型 0~~2**32-1)来得到值.数组本身也是一个对象,所以对象属性的操作也完全适合于数组.

var array = new Array("no1","no2");
array["po"] = "props1";
alert(array.length);   //2
//对于数组来说,array[0]同array["0"]效果是一样的(?不确定,测试时如此)
alert(array[0] + "_" + array["1"] + "_" + array.po);//no1_no2_props1

标签:面向对象,数组,JavaScript
0
投稿

猜你喜欢

  • Django drf请求模块源码解析

    2023-06-07 10:03:07
  • PHP图像识别技术原理与实现

    2024-06-05 09:43:54
  • js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

    2024-04-18 10:11:12
  • 9行Python3代码实现批量提取PDF文件的指定内容

    2023-02-12 03:22:41
  • Python 解析pymysql模块操作数据库的方法

    2021-05-07 07:46:13
  • 利用Python自动化操作AutoCAD的实现

    2022-02-14 21:32:28
  • JavaScript弹出窗口方法汇总

    2024-04-19 10:13:56
  • Golang并发利器sync.Once的用法详解

    2024-04-25 15:12:06
  • Python中使用socks5设置全局代理的方法示例

    2021-05-24 01:51:17
  • Django 实现前端图片压缩功能的方法

    2022-11-05 09:05:16
  • Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】

    2021-09-16 17:17:44
  • element-plus中如何实现按需导入与全局导入

    2024-05-02 17:04:21
  • 为Python的web框架编写MVC配置来使其运行的教程

    2022-05-30 01:54:32
  • CentOS7下python3.7.0安装教程

    2023-09-26 21:42:56
  • python入门游戏之井字棋实例代码

    2021-07-13 20:26:48
  • 大数据量高并发的数据库优化详解

    2024-01-18 14:21:50
  • numpy之多维数组的创建全过程

    2023-06-22 03:58:03
  • 详尽解析javascript event对象

    2008-06-08 12:25:00
  • pyqt5的QWebEngineView 使用模板的方法

    2022-04-17 08:23:12
  • JavaScript省市级联下拉菜单实例

    2024-04-10 16:18:18
  • asp之家 网络编程 m.aspxhome.com