JavaScript Array（数组）对象

时间：2021-02-06 09:34:30

一，定义数组

数组对象用来在单独的变量名中存储一系列的值。

创建 Array 对象的语法：

new Array();

new Array(size);

new Array(element0, element1, ..., elementn);

参数

参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。

参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。

当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。

我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象：

var myArray=new Array() 

有两种向数组赋值的方法（你可以添加任意多的值，就像你可以定义你需要的任意多的变量一样）。

1:

var mycars=new Array()

mycars[]="Saab"

mycars[]="Volvo"

mycars[]="BMW"

也可以使用一个整数自变量来控制数组的容量：

var mycars=new Array()

mycars[]="Saab"

mycars[]="Volvo"

mycars[]="BMW"

2:

var mycars=new Array("Saab","Volvo","BMW")

注意：如果你需要在数组内指定数值或者逻辑值，那么变量类型应该是数值变量或者布尔变量，而不是字符变量。

二，访问数组

通过指定数组名以及索引号码，你可以访问某个特定的元素。

下面是代码行：

document.write(mycars[])

下面是输出：

Saab

三，修改已有数组中的值

如需修改已有数组中的值，只要向指定下标号添加一个新值即可：

mycars[]="Opel";

现在，以上代码：

document.write(mycars[]);

将输出：

Opel

四，实例

创建数组，为其赋值，然后输出这些值。

<html>

<body>

<script type="text/javascript">

var mycars = new Array()

mycars[] = "Saab"

mycars[] = "Volvo"

mycars[] = "BMW"

for (i=;i<mycars.length;i++)

{

document.write(mycars[i] + "<br />")

}

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

使用 for...in 声明来循环输出数组中的元素。

<html>

<body>

<script type="text/javascript">

var x

var mycars = new Array()

mycars[] = "Saab"

mycars[] = "Volvo"

mycars[] = "BMW"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

使用 concat() 方法来合并两个数组。

<html>

<body>

<script type="text/javascript">

var arr = new Array()

arr[] = "George"

arr[] = "John"

arr[] = "Thomas"

var arr2 = new Array()

arr2[] = "James"

arr2[] = "Adrew"

arr2[] = "Martin"

document.write(arr.concat(arr2))

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

使用 join() 方法将数组的所有元素组成一个字符串。

<html>

<body>

<script type="text/javascript">

var arr = new Array();

arr[] = "George"

arr[] = "John"

arr[] = "Thomas"

document.write(arr.join());

document.write("<br />");

document.write(arr.join("."));

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

使用 sort() 方法从字面上对数组进行排序。

<html>

<body>

<script type="text/javascript">

var arr = new Array()

arr[] = "George"

arr[] = "John"

arr[] = "Thomas"

arr[] = "James"

arr[] = "Adrew"

arr[] = "Martin"

document.write(arr + "<br />")

document.write(arr.sort())

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

使用 sort() 方法从数值上对数组进行排序。

<html>

<body>

<script type="text/javascript">

function sortNumber(a, b)

{

return a - b

}

var arr = new Array()

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

document.write(arr + "<br />")

document.write(arr.sort(sortNumber))

</script>

</body>

</html>

效果如下：

JavaScript Array（数组）对象

五，Array 对象属性

属性 描述
constructor 返回对创建此对象的数组函数的引用。
length 设置或返回数组中元素的数目。
prototype 使您有能力向对象添加属性和方法。

六，Array 对象方法

方法 描述
concat() 连接两个或更多的数组，并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素，并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素，并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串，并返回结果。
toLocaleString() 把数组转换为本地数组，并返回结果。
unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
valueOf() 返回数组对象的原始值

详情可参考JavaScript Array 对象参考手册

JavaScript Array（数组）对象的更多相关文章

  1. javascript之数组对象与数组常用方法

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. for 循环 和 Array 数组对象

    博客地址:https://ainyi.com/12 for 循环 和 Array 数组对象方法 for for-in for-of forEach效率比较 - 四种循环,遍历长度为 1000000 的 ...

  3. Javascript进阶篇——&lpar; JavaScript内置对象---下&rpar;--Array数组对象---笔记整理

    Array 数组对象数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的数组定义的方法: 1. 定义了一个空数组: var ...

  4. JavaScript 常用内置对象&lpar;字符串属性、Math对象、Array数组对象&rpar;

    1.字符串属性   <script>   var test_var = "I Iove you"; console.log(test_var.charAt(3)) // ...

  5. JavaScript Array 数组方法汇总

    JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...

  6. JS对象 Array 数组对象 数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个&OpenCurlyDoubleQuote;下标”，用来表示它在数组中的位置，是从零开始的

    Array 数组对象 数组对象是一个对象的集合,里边的对象可以是不同类型的.数组的每一个成员对象都有一个"下标",用来表示它在数组中的位置,是从零开始的 数组定义的方法: 1. 定 ...

  7. JavaScript中Array&lpar;数组&rpar; 对象

    JavaScript中Array 对象 JavaScript中创建数组有两种方式 (一)使用直接量表示法: var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建 ...

  8. JavaScript Array数组方法详解

    Array类型是ECMAScript中最常用的引用类型.ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别.虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表, ...

  9. Java Script基础（八） Array数组对象

    一.Array数组 JavaScript中的数组也是具有相同数据类型的一个或者多个值得集合.用法和Java中的数组类似. Array对象的常用属性和方法: 属性: length:获取数组的长度: 方法 ...

  10. JavaScript类数组对象参考

    JavaScript和DOM中有很多类数组对象,它们有以下特点 1.有length属性 2.可以使用[]通过下标访问 3.部分类数组对象使用[]访问成员时不只可以使用下标,还可以使用id或name 4 ...

随机推荐

  1. js的几种排序

    转载:http://www.jb51.net/article/81520.htm 一.冒泡排序 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

  2. js String对象中常用方法小结&lpar;字符串操作&rpar;

    1.charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码. strObj.charCodeAt(index) 说明: index将被处理字符的从零开始计数的编号.有效值为0到字符 ...

  3. &lt&semi;转&gt&semi;RowState 介绍

    1. RowState 介绍 RowState 是 DataRow 很重要的一个属性, 表示 DataRow 当前的状态. RowState 有 Added, Modified, Unchanged, ...

  4. hibernate一个注册小例子

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXUAAAJ2CAIAAAAv44WsAAAgAElEQVR4nO29a3QUVaL33fPhfHrW8y

  5. com&period;domain&period;bean

    package com.domain.bean; import java.util.LinkedHashMap; import java.util.Map; public class TmpBean ...

  6. JS精确到小数点两位

    1.会四色五入 var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.452.正则Number(15.7784514000.toString() ...

  7. &lbrack;转载&rsqb;C&num;读写配置文件&lpar;XML文件&rpar;

    .xml文件格式如下 [xhtml] view plaincopy <?xml version="1.0" encoding="utf-8"?> & ...

  8. springMVC整合jedis&plus;redis，以注解形式使用

    前两天写过 springMVC+memcached 的整合,我从这个基础上改造一下,把redis和springmvc整合到一起. 和memcached一样,redis也有java专用的客户端,官网推荐 ...

  9. iPhone 5，6，6 plus 尺寸

  10. HTML5-之workers&lpar;多线程执行&rpar;

    注:test.js 不涉及DOM元素

相关文章