UDN-企业互联网技术人气社区

板块导航

浏览  : 380
回复  : 2

[原生js] js对象之JS入门之Array对象操作小结

[复制链接]
狗尾巴草的头像 楼主
发表于 2016-12-27 16:59:59 | 显示全部楼层 |阅读模式
  每天一对象,今天我们也来new一个。没有系统的学过JS,没有特别的写过一个比较出色的类库,没有运用过一个很强的类库,prototype.js在进行着,慢慢的前进相信不久的将来就可以应用prototype.js来开发自己的应用程序了。
  
  不过在学脚本prototype.js的过程中发现有些方法我们很少用到,但是有些方法好像很经典,脚本库在不断的加大,眼前一片...继续我们JS入门,今天学习一下Array数组。
  
  首先我们来看看它的定义:
  
  复制代码 代码如下:

  1. var arrayObj = new Array()
  2. var arrayObj = new Array([size])
  3. 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. }
复制代码

  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 之前,不复制任何元素到新数组中。例子:
  
  复制代码 代码如下:

  1. //除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:
  2. 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 对象。 格式如下:
  
  复制代码 代码如下:  
  
  1. arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
复制代码
  
  toLocaleString 方法 将在Date对象中讲解,一般这个方法只是返回给用户,不作为代码中计算。
  
  unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。格式如下:
  
  复制代码 代码如下:  
  
  1. arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
复制代码
  
  valueOf方法&toString() 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
  
  到这里Array对象的所有东东也就差不多了,我把他们整理出来一个是为了能够巩固我的脚本知识,再次声明很多的例子都是前人留下来的,如果对你有不舒服的感觉请见谅!
发表于 2016-12-27 17:00:35 | 显示全部楼层
感觉JavaScript很有前途
使用道具 举报

回复

发表于 2017-1-11 16:37:46 | 显示全部楼层
js框架越来越火了, 不过本人还是喜欢原生的好, 自己写类库, 自己来封装,用着方便。。。。
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部