`
bzhang
  • 浏览: 253496 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JS(javascript) 之 Array对象

    博客分类:
  • web
阅读更多


  对于我们做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 .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框架,有兴趣的朋友可以下下来研究一下,谢谢

分享到:
评论

相关推荐

    JavaScript Array 对象.md

    这一篇就可以学会JavaScript Array 数组对象方法

    JavaScript实现Array(数组)和Map

    `object.js` 文件可能涉及到的是JavaScript对象的操作,虽然不是直接与Array或Map相关,但它们在JavaScript中是重要的数据结构。JavaScript对象是一种键值对的集合,键通常是字符串,但也可以是符号(Symbol)。与...

    浅谈JavaScript Array对象

    在本篇文章中,我们主要探讨了JavaScript中的Array对象,包括其定义、属性、以及常用的实例方法。 首先,我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合,其中的值被称为元素。每个...

    Javascript实现Array和String互转换的方法

    在JavaScript中,数组对象的toString方法可以将数组中的所有元素连接成一个单一的字符串,并在每个元素之间插入逗号作为分隔符。例如,创建一个数组变量aColors,并给其赋予红色、绿色和蓝色三个元素值,然后调用...

    JavaScript数组对象Array.pdf

    JavaScript中的Array对象是编程语言中处理有序数据集合的关键部分,它允许你在单个变量中存储多个值。在JavaScript中,数组是一种动态数据结构,这意味着在创建后,你可以随时添加、删除或修改数组的元素。 创建...

    JavaScript中的Array 对象(数组对象)_.docx

    在JavaScript中,Array对象是处理一组有序数据的关键结构。它提供了丰富的功能,使得在脚本中操作和管理数据集合变得简单。以下是对标题和描述中所提到的JavaScript Array对象的详细解释: 1. 创建Array对象: - ...

    JavaScript数组对象Array案例.pdf

    Array对象提供了丰富的内置方法和属性,使得对数组的操作变得简单且高效。本文将深入探讨JavaScript数组对象Array的一些关键知识点,并通过提供的案例进行解析。 首先,数组的创建有多种方式。最常见的是使用`new ...

    JavaScript核心对象参考手册

    4. **数组Array**: `Array`对象提供了一套丰富的数组操作方法,如`push`、`pop`、`shift`、`unshift`、`slice`、`splice`、`concat`等。此外,还有`forEach`、`map`、`filter`等高级方法。 5. **字符串String**: `...

    JavaScript程序设计课件:Array对象.pptx

    JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的功能来操作和管理数组数据。Array对象可以用来创建各种类型的数组,无论是空数组、预设长度的数组还是包含特定元素的数组。以下是对Array对象...

    javascript对象参考手册

    接下来,手册会深入讨论JavaScript内置对象,如Array、Date、Math、String等,这些对象提供了处理数组、日期、数学计算和字符串操作的常用功能。对于每个内置对象,都会详细阐述其核心方法和属性,帮助开发者更有效...

    JavaScript中Array对象用法实例总结

    本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考,具体如下: Array数组对象有很多常用的方法和属性,现总结如下: 1. length属性,获取数组中元素的个数。 2. concat()方法,连接两个数组。将两个...

    JavaScript对象模型

    对象是JavaScript中最基础且重要的数据结构之一,它是一个无序属性的集合,其中属性的值可以是简单数据类型、其他对象或函数。每个对象都有自己的原型链,通过它可以访问到更多的属性和方法。此外,JavaScript中的...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    在JavaScript编程中,获取对象和数组的属性键值(key)和对应值(value)是一项基本操作。本文将详细介绍如何实现这一功能,并提供相应的代码示例。 首先,我们需要理解JavaScript中的对象和数组。对象是一种键值对...

    javascript中活灵活现的Array对象详解

    JavaScript中的Array对象,就是我们常说的数组对象,主要用于封装多个任意类型的数据,并对它们进行管理。 所有主流浏览器均支持Array对象。 大家都知道Array实例有这四个方法:push、pop、shift、unshift。大家也都...

    javascript中数组、对象

    在JavaScript中,数组和对象是两种非常基础且重要的数据结构,它们被广泛应用于各种场景,如数据存储、逻辑处理和对象表示。这篇文章将深入探讨这两种数据类型,以及相关的操作和工具。 **一、数组** 数组在...

    JavaScript 实现Array(数组)和Map

    Array(数组)是JavaScript中最基本的数据结构之一。在JavaScript中,数组可以容纳多种类型的元素,包括数字、字符串、对象等。JavaScript数组提供了丰富的内置方法,如push、pop、shift、unshift、slice、splice、...

    JavaScript Array对象扩展indexOf()方法

    背景:JavaScript中Array对象的标准方法中,没有indexOf()方法,可通过下面的代码扩展。 代码如下: if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt) { var len = this.length &gt;&gt;&gt; 0; var ...

    javascript批量添加对象

    总之,JavaScript提供了多种方式来批量添加对象,如扩展运算符、`Object.assign()`和`Array.reduce()`等。根据具体需求和场景选择合适的方法,可以有效地管理并整合大量的对象数据。在实际编程中,理解并熟练运用...

Global site tag (gtag.js) - Google Analytics