JavaScript | 数组

————————————————————————————————————————————

数组

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

数组结构

• JavaScript的数组由索引和值组成

• 索引即可以是正整数，也可以是其他类型，但其他类型索引不算在数组长度内

• 当数组索引不连续时，又称为稀疏数组，但相比较连续数组来说，稀疏数组查找元素的速度较慢，未定义部分为undefined

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

创建数组：两种形式

• 数组字面量
• 构造函数Array()创建数组

遍历数组：三种形式

• for循环遍历下标连续的数组
• for-in遍历数组
• forEach()构造函数遍历数组

// 数组字面量的形式
var arr1 = [];
// 数组中可以存放所有的变量形式
var arr2 = [1, 2.3, null, true, false, undefined, [1, 2, 3, 4], { x: 1, y: 2, z: 3 }];
console.log(arr2);
console.log(arr2[6][1]);
console.log(arr2[7].y);
// 打印数组长度
console.log(arr2.length);
// 引用内容来创建数组
var num = 1;
var arr3 = [num, num + 1, num * 2];
console.log(arr3);
// 省略数组中的某个元素,默认为undefined
var arr4 = [1, , 3];
console.log(arr4);

// 通过构造函数的方式
var arr5 = new Array;
// 多个参数时定义的是数组的内容
var arr6 = new Array(1, 2, 3);
console.log(arr6);
// 只传一个参数时定义的是数组的长度
var arr7 = new Array(6);
console.log(arr7);
console.log(arr7.length);
arr7[9] = '1';
console.log(arr7);
console.log(arr7.length);
// 任何变量都可以作为索引值,但只有非负整数作为索引时长度才会变化
var arr8 = new Array();
arr8[2.3] = 'a';
arr8[-2333] = 'b';
arr8['c'] = 'b';
// 通过for in取出元素以及元素的索引
for (var i in arr8) {
    console.log(i + ":" + arr8[i]);
}
console.log(arr8);
console.log(arr8.length);
arr8[2] = 'd';
console.log(arr8);
console.log(arr8.length);
// 压栈弹栈操作
var arr9 = new Array(1, 2, 3);
arr9.push(4, 5, 6, 7);
console.log(arr9);
console.log(arr9.length);
arr9.pop();
arr9.pop();
console.log(arr9);
console.log(arr9.length);
// 在首部加入元素
arr9.unshift(9, 10, 11, 12);
console.log(arr9);
// 首部弹出元素
arr9.shift();
console.log(arr9);
// 删除元素,但删除后长度不变
delete arr9[3];
console.log(arr9);
console.log(arr9.length);
// 稀疏数组遍历
var arr10 = [1, 2, 3];
arr10[100] = 99;
// for-in遍历集成下来的属性
for (var i in arr10) {
    console.log(i);
}
// 在forEach()中定义函数体,
arr10.forEach(Test);

function Test(element, index, array) {
    console.log("array:" + array + " index:" + index + " element:" + element);
}

常用方法：

// 通过.map方法返回新函数,在map方法中调用Trans函数,对数组中的每一个元素进行替换操作
var arr = ['abc', 'bcd', 'cde'];
res = arr.map(Trans);

function Trans(x) {
    return x.replace(/c/g, '!').toUpperCase();
}
console.log(res);

// filter
var arr = [1, 3, 4, 5, 6, 6, 123, 6547, null, undefined, ""];
res = arr.filter(function(x) {
    return (x <= 10) && (x != null) && (x != "");
})
console.log(res);

// reduce作为累加器,从左到右依次进行返回运算
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
res = arr.reduce(function(a, b) {
    return a - b;
})
console.log(res);
res = arr.reduce(function(a, b) {
    return a * b;
})
console.log(res);
// reduceRight从右往左
res = arr.reduceRight(function(a, b) {
    return a - b;
})
console.log(res);

// every函数检测是否所有的元素都符合要求,有不符合的则返回false
var age = [12, 34, 55, 4];
res = age.every(function(x) {
    return x >= 18;
})
console.log(res);
// some检测的是否有符合的,有符合的则返回true
var age = [12, 34, 55, 4];
res = age.some(function(x) {
    return x >= 18;
})
console.log(res);

// 索引
var arr = ['a','b','c','b','d','b','e'];
// 第一个索引位
res = arr.indexOf('b');
console.log(res);
// 最后一个索引位
res = arr.lastIndexOf('b');
console.log(res);
// 索引开始位置
res = arr.indexOf('b',3);
console.log(res);