前端笔记
长乐王

JavaScript数组对象:使用单独的变量名来存储多个值

JavaScript Array 对象
Array(数组)对象的作用是:使用单独的变量名来存储一系列的值。

定义数组
数组对象用来在单独的变量名中存储一系列的值。
使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象:
var myArray=new Array()
向数组赋值,你可以添加任意多的值,就像你可以定义你需要的任意多的变量一样。
有两种向数组赋值的方法:
1、
var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
也可以使用一个整数自变量来控制数组的容量:
var mycars=new Array(3)
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW"
2、
var mycars=new Array("Saab","Volvo","BMW")
在数组内指定数值或者逻辑值时,变量类型应该是数值变量或者布尔变量,而不是字符变量。

访问数组
通过指定数组名以及索引号码,你可以访问某个特定的元素。例如:
document.write(mycars[0])
注释:上面的代码行将输出 Saab。

修改已有数组中的值
如需修改已有数组中的值,只要向指定下标号添加一个新值即可:
mycars[0]="Opel";
document.write(mycars[0]);
注释:此时,上面的代码行将输出 Opel。

创建数组
创建数组,为其赋值,然后输出这些值:
<html>
<body>
<script type="text/javascript">
    var mycars = new Array()
    mycars[0] = "Saab"
    mycars[1] = "Volvo"
    mycars[2] = "BMW"
    for (i=0;i<mycars.length;i++) {
        document.write(mycars[i] + "<br />")
    }
</script>
</body>
</html>

For...In 声明
使用 for...in 声明来循环输出数组中的元素:
<html>
<body>
<script type="text/javascript">
    var x
    var mycars = new Array()
    mycars[0] = "Saab"
    mycars[1] = "Volvo"
    mycars[2] = "BMW"
    for (x in mycars) {
        document.write(mycars[x] + "<br />")
    }
</script>
</body>
</html>

合并两个数组 - concat()
<html>
<body>
<script type="text/javascript">
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    var arr2 = new Array(3)
    arr2[0] = "James"
    arr2[1] = "Adrew"
    arr2[2] = "Martin"
    document.write(arr.concat(arr2))
</script>
</body>
</html>
注释:使用 concat() 方法来合并两个数组。

用数组的元素组成字符串 - join()
<html>
<body>
<script type="text/javascript">
    var arr = new Array(3);
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    document.write(arr.join());
    document.write("<br />");
    document.write(arr.join("."));
</script>
</body>
</html>
注释:使用 join() 方法将数组的所有元素组成一个字符串。

文字数组 - sort()
<html>
<body>
<script type="text/javascript">
    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    document.write(arr + "<br />")
    document.write(arr.sort())
</script>
</body>
</html>
注释:使用 sort() 方法从字面上对数组进行排序。

数字数组 - sort()
<html>
<body>
<script type="text/javascript">
    function sortNumber(a, b) {
        return a - b
    }
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    document.write(arr + "<br />")
    document.write(arr.sort(sortNumber))
</script>
</body>
</html>
注释:使用 sort() 方法从数值上对数组进行排序。

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

Array 对象 方法及描述
concat() // 连接两个或更多的数组,并返回结果。
join() // 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() // 删除并返回数组的最后一个元素
push() // 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() // 颠倒数组中元素的顺序。
shift() // 删除并返回数组的第一个元素
slice() // 从某个已有的数组返回选定的元素
sort() // 对数组的元素进行排序
splice() // 删除元素,并向数组添加新元素。
toSource() // 返回该对象的源代码。
toString() // 把数组转换为字符串,并返回结果。
toLocaleString() // 把数组转换为本地数组,并返回结果。
unshift() // 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() // 返回数组对象的原始值
本文番号: 前端笔记 - JavaScript - JavaScript数组对象:使用单独的变量名来存储多个值

评论