JS(javascript)之Array对象

导读:
  js
  JS(javascript)之Array对象
  对于我们做web应用来说,JS主得由为重要,下面我们一起交流一下JS对象-- Array数组,希望大家多提宝贵意见,谢谢:
  
  首先我们来看看它的定义:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting> 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方法:连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象,不论新数组和源数组中哪一个有改变,都将引起另一个的改变; (值类型)对于连接到新数组的数值或字符串,只复制其值,一个数组中值有改变并不影响另一个数组中的值。例子:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting> 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方法:将数组中的项,按特定的分隔符转化为字符串并返回,默认分隔符为逗号,例子:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>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。
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>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之前,不复制任何元素到新数组中。例子:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>//除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:
  newArray = myArray.slice(0, -1)
  
   sort方法将 Array对象进行适当的排序;在执行过程中并不会创建新的 Array对象。如果为 sortfunction参数提供了一个函数,那么该函数必须返回下列值之一:
  负值,如果所传递的第一个参数比第二个参数小。
  零,如果两个参数相等。
  正值,如果第一个参数比第二个参数大。
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>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对象。 格式如下:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
   toLocaleString方法将在Date对象中讲解,一般这个方法只是返回给用户,不作为代码中计算。
   unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。格式如下:
  
-- www.CodeHighlighter.com (freeware)
http: CodeHighlighter Actipro by produced highlighting>arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
  valueOf方法与toString()方法是数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array .toStringArray .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
  描述: 这是一个国外非常优秀的ajax框架,欢迎指点,谢谢
  
  
  下载
  文件名: scriptaculous-js-1.7.1_beta3.rar
  文件大小: 163 KB
  下载过的: 文件被下载或查看17 次
  声明:JavaEye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
  相关文章: 一个dwr+spring+hibernate的示例 强烈推荐mootools替代prototype
  推荐链接: 即刻点击免费下载Rational最新试用版软件 IBM WebSphere 应用服务器管理免费培训活动

本文转自
http://www.javaeye.com/topic/123987
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值