JavaScript深入浅出[数组]合编.pptx

1 第一节、创建数组、数组操作 JavaScript深入浅出 数组 @Bosn 数组概述 数组是值的有序集合。每个值叫做元素，每个元素在数组中都有数字位置编号，也就是索引。JS中的数组是弱类型的，数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。 var arr = [1, true, null, undefined, {x : 1}, [1, 2, 3]]; arr[0] arr[3] arr[4].x arr[5][1] 4 创建数组-字面量 var BAT = [Alibaba, Tencent, Baidu]; var students = [{name : Bosn, age : 27}, {name : Nunnly, age : 3}]; var arr = [Nunnly, is, big, keng, B, 123, true, null]; var arrInArr = [[1, 2], [3, 4, 5]]; var commasArr1 = [1, , 2]; // 1, undefined, 2 var commasArr2 = [,,]; // undefined * 2 size from 0 to 4,294,967,295(2^23 -1 ) 5 创建数组-new Array var arr = new Array(); var arrWithLength = new Array(100); // undefined * 100 var arrLikesLiteral = new Array(true, false, null, 1, 2, hi); // 等价于[true, false, null, 1, 2, hi]; 6 数组元素读写 var arr = [1, 2, 3, 4, 5]; arr[1]; // 2 arr.length; // 5 arr[5] = 6; arr.length; // 6 delete arr[0]; arr[0]; // undefined 7 数组元素增删 var arr = []; arr[0] = 1; arr[1] = 2; arr.push(3); arr; // [1, 2, 3] arr[arr.length] = 4; // equal to arr.push(4); arr; // [1, 2, 3, 4] arr.unshift(0); arr; // [0, 1, 2, 3, 4]; delete arr[2]; arr; // [0, 1, undefined, 3, 4] arr.length; // 5 2 in arr; // false arr.length -= 1; arr; // [0, 1, undefined, 3, 4], 4 is removed arr.pop(); // 3 returned by pop arr; // [0, 1, undefined], 3 is removed arr.shift(); // 0 returned by shift arr; // [1, undefined] 动态的，无需指定大小 x 8 数组迭代 var i = 0, n = 10; var arr = [1, 2, 3, 4, 5]; for (; i n; i++) { console.log(arr[i]); // 1, 2, 3, 4, 5 } for(i in arr) { console.log(arr[i]); // 1, 2, 3, 4, 5 } Array.prototype.x = inherited; for(i in arr) { console.log(arr[i]); // 1, 2, 3, 4, 5, inherited } for(i in arr) { if (arr.hasOwnProperty(i)) { console.log(arr[i]); // 1, 2, 3, 4, 5 } } prototype 9 第二节、二维数组、稀疏数组 10 二维数组 var arr = [[0, 1], [2, 3], [4, 5]]; var i = 0, j = 0; var row; for (; i arr.length; i++) { row = arr[i]; console.log(row + i); for (j = 0; j row.length; j++) { console.log(row[j]); } } // r