论坛首页 → Web前端技术论坛 →

JS(javascript) 之 Array对象

浏览 7618 次
锁定老帖子 主题：JS(javascript) 之 Array对象
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • ddh9504
  • 等级: 一星会员
  • 性别:
  • 文章: 73
  • 积分: 130
  • 来自: 广州
   发表时间：2007-09-15  

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框架，有兴趣的朋友可以下下来研究一下，谢谢
返回顶楼
         
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics