JS(javascript) 之 Array对象

  对于我们做web应用来说，JS主得由为重要，下面我们一起交流一下JS对象--Array数组，希望大家多提宝贵意见，谢谢:

       
  首先我们来看看它的定义：

<!---->  var arrayObj = new Array()
  var arrayObj = new Array([size])
  var arrayObj = new Array([element0[, element1[, [, elementN]]]])

  其中：arrayObj是赋值为 Array 对象的变量名。
        size由于数组的下标是从零开始，创建的元素的下标将从零到 size -1。
        element0,...,elementN这将创建具有 n + 1 个元素的长度为 n + 1 的数组。使用该语法时必须有一个以上元素。

  如果只向 Array 的构造函数传递了一个参数，而该参数是数字，则它必须是无符号 32 位整数（大约 40 亿）。该值成为数组的大小。如果该值为数值，但小于 0 或不为整数，发生运行时错误。

  如果传递给 Array 构造函数的是单个值并且不是数值，设置 length 属性为 1，而且唯一的元素值成为单个的传入的参数。

  由于JS数组为解析数组，也就是尽管可以分配多个元素给一个数组，但实际上只有包含数据的元素才存在。这减少了数组使用的内存数量。

  Array对象具有三个内置属性：constructor,length,prototype我会在特地写一篇关于constructor, prototype,arguments等对象属性的文章，在这里就不在多说了。下面我们主要看看Array内置的一些方法，这个对我们很重要，因为会经常用得这个东东。

  concat方法：连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数，复制后仍然指向相同的对象，不论新数组和源数组中哪一个有改变，都将引起另一个的改变； （值类型）对于连接到新数组的数值或字符串，只复制其值，一个数组中值有改变并不影响另一个数组中的值。例子：

<!----> 1 function ConcatArrayDemo(){
 2    var a, b, c, d;
 3    a = new Array(1,2,3);
 4    b = "JScript";
 5    c = new Array(42, "VBScript);
 6    d = a.concat(b, c);
 7    // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"]
 8    return(d);
 9 }
10 

  join方法：将数组中的项，按特定的分隔符转化为字符串并返回，默认分隔符为逗号，例子：

<!---->1 function JoinDemo(){
2    var a, b;
3    a = new Array(0,1,2,3,4);
4    b = a.join("-");
5    //返回："0-1-2-3-4"
6    return(b);
7 }

  pop方法：移除数组中的最后一个元素，并返回该元素。如果该数组为空则返回undefined。

  push方法：将以新元素出现的顺序添加这些元素，如果参数之一为数组，那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素，请使用 concat 方法。

  reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中，这个方法并不会创建一个新的 Array 对象。如果数组是不连续的，reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

<!---->1 function ReverseDemo(){
2    var a, l;                  // 声明变量。
3    a = new Array(0,1,2,3,4);  // 创建数组并赋值。
4    l = a.reverse();           // 反转数组的内容。
5    //返回：l=[4,3,2,1,0]
6    return(l);                 // 返回结果数组。
7 }

  shift 方法可移除数组中的第一个元素并返回该元素。
 
  slice 方法返回一个 Array 对象，其中包含了 arrayObj 的指定部分。slice 方法一直复制到 end 所指定的元素，但是不包括该元素。如果 start 为负，将它作为 length + start处理，此处 length 为数组的长度。如果 end 为负，就将它作为 length + end 处理，此处 length 为数组的长度。如果省略 end ，那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前，不复制任何元素到新数组中。例子：

<!---->//除了最后一个元素之外，myArray 中所有的元素都被复制到 newArray 中： 

newArray = myArray.slice(0, -1)

 

  sort 方法将 Array 对象进行适当的排序；在执行过程中并不会创建新的 Array 对象。如果为 sortfunction 参数提供了一个函数，那么该函数必须返回下列值之一：

• 负值，如果所传递的第一个参数比第二个参数小。
• 零，如果两个参数相等。
• 正值，如果第一个参数比第二个参数大。

<!---->1 function SortDemo(){
2    var a, l;                       // 声明变量。
3    a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
4    l = a.sort();                   // 排序数组。
5    return(l);                      // 返回排序的数组。
6 }

  splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素，从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。 格式如下：

<!---->arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

  toLocaleString 方法 将在Date对象中讲解，一般这个方法只是返回给用户，不作为代码中计算。

  unshift 方法将这些元素插入到一个数组的开始部分，所以这些元素将以参数序列中的次序出现在数组中。格式如下：

<!---->arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

  valueOf方法与toString()方法 是数组的元素被转换为字符串，这些字符串由逗号分隔，连接在一起。其操作与 Array.toString 和 Array.join 方法相同。 

  上面这个是普通的Array的介绍，但在这个非常优秀的javascript基础类库（prototype.js）中的用法又不一样啦，下面简单讲解一下：

$A = Array.from(iterable): 将iterable转化为数组，如果iterable定义了toArray方法，就调用这个方法，否则利用iterable的length属性进行枚举, 如果iterable没有length属性的话就返回空数组[]
 Array对象除了扩展Enumerable对象的方法外，另外扩展了如下的几个方法，
注意以下方法除了clear外都不改变原来数组，而是返回一个新数组：
 clear(): 清除数组，利用arr.length=0
first(): 返回第一个元素
 last()：返回最后一个元素
compact(): 去除数组中值为null或undefined的元素
flatten(): 将数组扁平化，例如[3,4,[6,7]]变为[3,4,6,7]
without(): 去除指定的元素, 可以指定多个值, 例如[4,56,7,8].without(4,7) 返回[56，8]
indexOf(object): 返回指定的元素在数组中的索引，不包含则返回-1
reverse(inline)：Array内置函数reverse的增强，当inline为true时，跟内置的reverse函数效果一样，改变原数组的值，否则不改变原来的值
reduce(): 如果数组只有一个元素，则返回这个元素，否则返回数组本身
uniq(): 返回没有重复元素的数组
clone(): 返回一个跟数组相同的数组，Array中的toArray方法覆盖了Enumerable中的toArray方法，指向了这个方法
 inspect(): 跟数组的toString方法类似，返回对象的字符串表示，例如[2,3].inspect() 返回 "[2,3]" 

致此，已讲解，请大家多担宝贵意见，谢谢！！！

注：上面资料是经过本人搜集整理而成的作品！

其附件是国外一个非常优秀AJAX框架，有兴趣的朋友可以下下来研究一下，谢谢

• scriptaculous-js-1.7.1_beta3.rar (163.6 KB)
• 描述: 这是一个国外非常优秀的ajax框架，欢迎指点，谢谢
• 下载次数: 150

分享到：

真正的用window.open()代替window.showMod ... | 一个兼容的日历

• 2007-09-15 11:20
• 浏览 9196
• 评论(0)
• 论坛回复 / 浏览 (0 / 7616)
• 分类:Web前端
• 查看更多