• 数组对象的作用是:使用单独的变量名来存储一系列的值。
• 数组就是一堆数据的分组或者集合。
• 数组的对象是Array,也是非常常用的引用类型
• 例如:[1, 3,‘sss’,333]
1.创建数组
1.1 使用 new 操作符创建数组对象
var arr = new Array();
arr[0] = 19;//数组的索引从 0 开始
arr[1] = "www.hamkd.com";
arr[2] = "www.aicoder.com";
数组中可以存储任何数据类型的数据(其他语言中数组的数据类型一旦确定只能存储特定类型的数据)
通过[]和索引来访问和设置数组的内容
数组的索引是从 0 开始!!!
JavaScript 中的数字的容量可以动态改变
数组的容量最大为:4294967295 个 (232-1)
求幂运算符:** (补充)
数组的构造函数可以传递数组的容量的参数
var arr = new Array();// 创建一个空数组
var arr = new Array(3);//定义数组的容量为 3 个
var arr = new Array("a","b","c");
//定义一个数字,有 a , b ,c 三个字符串
数组的长度可以通过 length 数组来获取。
length 是可读和可以进行设置,可以对数组进行截断操作。
var arr = new Array(); // 创建一个空数组类型; []
// console.log(arr.toString());
arr[0] = 1; // length = 1
arr[1] = 2; // length = 2
arr[2] = 'sss'; // length = 3
console.log(arr); // [1, 2, 'sss']
console.log("length =" + arr.length);
// 构造函数创建数组传递参数
var arr2 = new Array(4); // 给构造函数传递数值类型,那么它认为是创建容量为数值的数组
arr2[0] = 'sssss';
arr2[1] = 0;
arr2[2] = 0;
arr2[3] = 0;
arr2[4] = 0;
console.log(arr2);
// 创建数组的时候,顺便进行初始化数组的内容
var arr3 = new Array(1,2,3,'sssd', 'malun', true, [22,33]);
console.log(arr3);// length = 7
// 如果减小 length 值,就相当于截断了数组。
arr3.length = 2;
console.log( arr3 ); // => [1,2]
1.2构造函数创建数组
• 数组的构造函数可以传递数组的容量的参数
• var arr = new Array();// 创建一个空数组
• var arr = new Array(3);//定义数组的容量为3个
• var arr = new Array("a","b","c");
• //定义一个数字,有a , b ,c 三个字符串
• 数组的长度可以通过length数组来获取。
• length是可读和可以进行设置,可以对数组进行截断操作。不要这么用!!!!
1.3字面量创建数组
var arr = [];//创建一个空数组
var arr = [1,2,3];//创建三个数字的数字。
var arr=[1, ,2];//中间的省略的是 undefined
var arr = [1 ,”dd”,true, [1,3], { age: 19}, 33];
数组的元素的类型可以是任意类型。
var a1 = []; //创建空数组
// 创建一共复杂数组
var a2 = [1, 2, 'sss', true, {age:19}, null, undefined];
console.log(a2.toString());
console.log(a2);
var a3 = [2, ,3]; // => [2, undefined, 3]
console.log(a3);
// 这种方式最多,推荐这么使用。
console.log(a3[0]); // 数组的索引是从 0 开始。所有开发语言数组都是从 0 开始。
2.遍历数组
length 属性
length 属性,如果是连续数组,那么 length 就是数组元素的个数如果是稀疏数组,那么 length 不能
代表元素的个数
for 循环方式遍历数组
// 如果是连续的数组,可以中使用 lenth 代表数组中的元素个数。
var a = [1,2,3,89, "slj", true]; // length = 6;
console.log('length = ' + a.length);
// 输出数组中的所有元素。
for(var i = 0; i < a.length; i++) {
console.log(a[i]);
}
for in 循环的方式
// 如果是连续的数组,可以中使用 lenth 代表数组中的元素个数。
var a = [1,2,3,89, "slj", true]; // length = 6;
// 另外我们还可以使用 for in 的方式遍历数据。 也可以把继承自原型的属性也进行遍历。
// for in 遍历对象,拿到的是对象的属性名,而不是属性值。
for(var k in a) { // for in 遍历数组,k 值是数组的索引编号,不是数组的元素值。
// k 0 ,1 ,2
console.log(a[k]); // k 是索引编号不是数组元素值
}
数组的索引是从 0 开始!!!不是从 1 开始
注意:从原型上继承来的属性也会被 for in 遍历,所以如果需要去掉这部分属性可以通过
hasOwnProperty()进行过滤。
hasOwnProperty()只有当是对象自己属性才返回 true,如果是继承的返回 false。
数组遍历.png
2.1数组遍历案例
案例:一个数组,合法值为 1,2 或 3,其余为不合法,统计合法及不合法的个数。
// 案例:一个数组,合法值为 1,2 或 3,其余为不合法,统计合法及不合法的个数。
var t = [1, 4, 9, 'sss', 3, '2', 2, 3, 2, 1];
var rigthfulNum = 0, // 合法的个数
illNum = 0; // 非法的个数
//第一种: 遍历数组中的每个元素,判断是否是合法,如果合法给rigthfulNum += 1
// for(var i = 0; i < t.length; i++) {
// if(t[i] === 1 || t[i] === 2 || t[i] === 3) {
// rigthfulNum += 1;
// } else { // else 可以不用写。
// illNum += 1;
// }
// }
// console.log('合法:' + rigthfulNum);
// console.log('非法:' + illNum);
// // 第二种写法: 只求 rightfulNum, illNum 通过 length -rightfulNum
// for(var i = 0; i < t.length; i++) {
// if(t[i] === 1 || t[i] === 2 || t[i] === 3) {
// rigthfulNum += 1;
// }
// }
// illNum = t.length - rigthfulNum; // 通过数组的总长度-合法的剩下的就非法的。
// console.log('合法:' + rigthfulNum);
// console.log('非法:' + illNum);
// 第三种:for in
// for(var k in t) {
// // console
// switch(t[k]) {
// case 1:
// rigthfulNum += 1;
// break;
// case 2:
// rigthfulNum += 1;
// break;
// case 3:
// rigthfulNum += 1;
// break;
// default:
// illNum +=1 ;
// }
// }
// console.log('合法:' + rigthfulNum);
// console.log('非法:' + illNum);
// switch 优化版本
for(var k in t) {
// console
switch(t[k]) {
case 1:
case 2:
case 3:
rigthfulNum += 1;
break;
default:
illNum +=1 ;
}
}
console.log('合法:' + rigthfulNum);
console.log('非法:' + illNum);
2.3稀疏数组
数组中的数据的索引不一定都是连续的。非连续的数组就是稀疏数组。
比如:
var t = [1, 3];
t[100]= true;
// => t.length = 101;
// => t = [1, 3, undefinded*98, true]
// 实际上有数据的只有 1,3,true 中间有 98 个 undefined可以使用 for in 循环越过
undefined 的数据。
也就是数组的元素的个数不一定跟 length 相等
注意:稀疏数组尽量少用!!!!!或者就是不用!!!!
var t = [1, 2];
// 0 , 1
t[100] = 'sslj'; // 索引到了 100, length = 101
console.log(t);
console.log(t[10]); //undefined
// for in 循环会越过稀疏数组种的 undefied 空值。
for(var k in t) {
console.log(t[k]);
}
结论:
// 1、 length 和数组的元素的个数不一定相等
// 2、 数组不一定是连续的
// 3、 使用 for in 循环可以对稀疏数组的空值 undefined 进行过滤。
// 4、 不要稀疏数组!!!!!
网友评论