[js对象]JS入门之Array对象

简介:
  每天一对象,今天我们也来new一个。没有系统的学过JS,没有特别的写过一个比较出色的类库,没有运用过一个很强的类库,prototype.js在进行着,慢慢的前进相信不久的将来就可以应用prototype.js来开发自己的应用程序了。不过在学脚本prototype.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 方法相同。 

本文转自网魂小兵博客园博客,原文链接:http://www.cnblogs.com/xdotnet/archive/2007/04/10/javascript_object_array.html,如需转载请自行联系原作者

相关文章
|
JavaScript 前端开发 API
【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
【1月更文挑战第17天】【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
|
11月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
11月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
11月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
11月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
496 2
JS算法必备之Array常用操作方法
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
153 3
|
JavaScript 前端开发 开发者
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
269 1
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)

热门文章

最新文章

  • 1
    PHP 数组查找:为什么 `isset()` 比 `in_array()` 快得多?
    213
  • 2
    Java 中数组Array和列表List的转换
    830
  • 3
    JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
    655
  • 4
    通过array.reduce()实现数据汇总、条件筛选和映射、对象属性的扁平化、转换数据格式、聚合统计、处理树结构数据和性能优化,reduce()的使用详解(附实际应用代码)
    1429
  • 5
    通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
    545
  • 6
    通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
    355
  • 7
    多维数组操作,不要再用遍历循环foreach了!来试试数组展平的小妙招!array.flat()用法与array.flatMap() 用法及二者差异详解
    236
  • 8
    别再用双层遍历循环来做新旧数组对比,寻找新增元素了!使用array.includes和Set来提升代码可读性
    238
  • 9
    Array.forEach实战详解:简化循环与增强代码可读性;Array.forEach怎么用;面对大量数据时怎么提高Array.forEach的性能
    151
  • 10
    深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
    638