JavaScript Array对象
一、Array数组的定义
创建数组的基本方式有2种。
2.1、第一种方式：使用Array的构造函数
不指定长度
var arrs=new Array();
如果确定知道数组保存的数量,可以通过构造函数传递数组的长度
指定长度
var arrs=new Array(20);
该数组有20个元素,每一项的默认值都是undefined
指定元素
var arrs=new Array("hello");
会创建一个元素的数组。
第二种方式：直接指定元素
创建一个包含3个字符串的数组
var arrs=["aa","bb","cc"];
创建一个空数组
var arrs=[];
var values=[1,2];
二、Array数组初始化
var arrs=["aa","bb","cc"];
color[2]="xx";//修改第3项
color[3]="zz";//新增第4项
三、Array数组遍历
for(var i = 0; i < arr.length; i++){
alert(arr[i]);
}
或
for( var i in arr ){
// i 是遍历出的数组中的索引，从0开始，一直到最大索引。
// 如果有其他属性，也会遍历出来，其实索引就是数组对象的属性。
alert(arr[i]);
}
注意:
JavaScript的Array数组是可以动态增长：
//数组的声明和初始化,注意:数组的长度取决于整数下标的个数
var arr = new Array();
arr[0] = "aa";2
arr[1] = "bb";
arr[6] = 'xx';
document.write(arr + "<br/>");
//遍历数组
for (var i = 0; i < arr.length; i++) {
document.write(arr[i]+"<br/>");
}
//下标越界时：
var arr = ["aa", "bb"];
document.write(arr[200]);
// 显示undefined
四、Array数值的常见方法
| 方法 | 描述 |
|---|---|
| concat() | 连接两个或更多的数组，并返回结果。 |
| copyWithin() | 从数组的指定位置拷贝元素到数组的另一个指定位置中。 |
| every() | 检测数值元素的每个元素是否都符合条件。 |
| fill() | 使用一个固定值来填充数组。 |
| filter() | 检测数值元素，并返回符合条件所有元素的数组。 |
| find() | 返回符合传入测试（函数）条件的数组元素。 |
| findIndex() | 返回符合传入测试（函数）条件的数组元素索引。 |
| forEach() | 数组每个元素都执行一次回调函数。 |
| indexOf() | 搜索数组中的元素，并返回它所在的位置。 |
| join() | 把数组的所有元素放入一个字符串。 |
| lastIndexOf() | 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 |
| map() | 通过指定函数处理数组的每个元素，并返回处理后的数组。 |
| pop() | 删除数组的最后一个元素并返回删除的元素。 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。 |
| reduce() | 将数组元素计算为一个值（从左到右）。 |
| reduceRight() | 将数组元素计算为一个值（从右到左）。 |
| reverse() | 反转数组的元素顺序。 |
| shift() | 删除并返回数组的第一个元素。 |
| slice() | 选取数组的的一部分，并返回一个新数组。 |
| some() | 检测数组元素中是否有元素符合指定条件。 |
| sort() | 对数组的元素进行排序。 |
| splice() | 从数组中添加或删除元素。 |
| toString() | 把数组转换为字符串，并返回结果。 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 |
| valueOf() | 返回数组对象的原始值。 |
代码：
<!DOCTYPE html>
<html>
<title>Array数组常用方法案例</title>
<body>
<script>
var a = [1, 2, 3];
// 连接两个或更多的数组，并返回结果。
document.write(a.concat([100, 30]) + "<br/>");
document.write(a.concat([100, 30], [60, 90]) + "<br/>");
// 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
var b = a.join("$");
document.write(b + "<br/>");
document.write( typeof b + "<br/>");
//string
// 删除并返回数组的最后一个元素
document.write(a.pop() + "<br/>");
// 向数组的末尾添加一个或更多元素，并返回新的长度。
document.write(a.push(99, 78) + "<br/>");
// 把数组转换为字符串，并返回结果。
document.write(a.toString() + "<br/>");
// 返回数组对象的原始值
var c = a.valueOf();
document.write( typeof c + "<br/>");
</script>
</body>
</html>
结果：
1,2,3,100,30
1,2,3,100,30,60,90
1$2$3
string
3
4
1,2,99,78
object
热门文章
优秀文章
