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