javascript 数组学习(一)

今天学习了一下《javascript权威指南（第6版）》的第七章：数组

一、数组的创建：

数组的创建有3种方法：

var colors = new Array(3);//可以省略new
var colors = Array("red","blue","green");
var colors = ["red","blue","green"];

数组直接量可以是表达式、对象直接量、数组直接量，如果省略数组中的某项，则该项的值为undefined；

var base = 1024;
colors = [base,base+1,base+2,base+3];//数组直接量可以是表达式
var arr = [[1,{x:1,y:2}],[2,{x:3,y:4}]];//数组直接量可以是对象字面量、数组字面量
var a = [1, ,3];//a数组有3个元素，中间那个元素为undefined；
var b =[, ,];//数组允许最后一个逗号存在，因此b数组只有2个元素(IE8以下中不允许最后一个逗号存在，因此会认为是3个元素)，都是undefined；

 

二、数组元素的读写：

读写一个数组元素主要依靠索引。当然，索引有索引的规矩：

colors[4] = "pink";//为数组colors添加一项并设置值；
colors[5] = "navy";//为数组colors添加一项并设置值；
colors["5"] = "yellow";//数组的索引字符串"5"将会被转换为数字5，会覆盖上一行设置的colors[5] = "navy"，最后colors[5]和colors["5"]的值都为"yellow",而不是"navy";

索引值类型既可以是字符串也可以是数字或表达式（负数和小数将会转换为字符串，假小数会转换为整数数字），索引值的类型和值将决定其创建的数组元素在数组中的排序先后，具体见下面这个例子：

var a = [];
a[3] = 3;
a[1.23] = "1.23";//索引值1.23将会被转换为字符串“1.23”，即便它被转换成了字符串1.23，由于其值是数值，因此也会排在索引值为字母的元素前面；
a[2] = "2";
a[1] = "1";
a[-7] = "-7";//负数索引将会被转换为字符串，从而按照先定义排前面，后定义排后面的规则来排序
a["0"] = "0";
a["Y"] = "Y";
a[-5] = "-5";
a[1000] = 1000;
a[1.000] = "1.000";//1.000将会被转换为数字1，因此将会覆盖前面的a[1] = "1"；
a["A"] = "A";//索引为字母A的元素并不会排在先前定义的索引为字母Y的元素前面，这表明以字母为索引的元素并不会依据字母先后顺序决定排序先后，而是依据谁先定义；
a[17] = 17;
a[16] = "16";//索引为16的元素定义在索引为17的元素后面，但在数组中排序却在索引为17的元素前面，这证明索引为数字时，元素排序先后由数字大小决定，小在前，大在后。

console.log(a);
//输出结果为：["0", "1.000", "2", 3, 16: "16", 17: 17, 1000: 1000, 1.23: "1.23", -7: "-7", Y: "Y", -5: "-5", A: "A"]

 三、数组的长度：

数组有个length属性记录数组的长度，但数组的长度与数组中包含的元素的数量不是一个概念（数组的length值必然会大于数组的元素个数值）。数组的长度length的具体特性如下：

1、length的值会随着数组元素数量的增加而自动增长，但length的值并不一定等于数组元素的个数；

var a = Array(2);
console.log(a.length);//输出：2
console.log(a);//输出[]
a[3] = 3;
a[4] = "4";
a[5] = "5";
a[6] = "6";
console.log(a.length);//输出：7
console.log(a);//输出：[3: 3, 4: "4", 5: "5", 6: "6"]，由这个输出可看出虽然数组的length为7，但数组中却只有4个元素，可知数组的length并不与数组中元素个数相等

 

2、减小length的数值会从数组最右边开始删除数组的元素；

var a = [1,2,3,4,5,6,7,8,9];
console.log(a.length);//9
a.length = a.length-3;
console.log(a.length);//6
console.log(a);//[1,2,3,4,5,6]

 

3、在ECMAScript5中（IE8及IE8以下不支持），可以使用Object.defineProperty(a,"length",{writable:false})来设置length为不可写的只读属性；

//使用defineProperty方法设置数组length为只读(ES5的方法，IE8以上支持)
a = [];
Object.defineProperty(a,"length",{writable:false});
a.length = 2002;
console.log("a数组的长度为："+a.length);//2002

 

4、使用in运算符可以判断数组在某个索引处是否存在元素；

var a = ["我","是","一","个","数","组",];
console.log(2 in a);//返回true，表示索引2处存在元素；
console.log(6 in a);//返回false，表示索引6处没有元素；

 

四、数组元素的添加和删除：

1、添加数组元素的方法有：push、unshift以及直接为数组的索引项赋值；

//直接为数组索引项赋值添加数组元素；
var b = [];
b[0] = 0;
b[1] = 1;
console.log(b);//[0,1]

//使用push方法从数组后面添加数组元素，会增加length值；
b.push(2,3,4,5);
console.log(b);//[0,1,2,3,4,5]
console.log([b[0],b[1],b[2],b[3],b[4],b[5]]);//[0,1,2,3,4,5]
console.log(b.length);//6

//使用unshift方法从数组前面添加数组元素，会添加length值，并使原来数组项的索引值提高；
b.unshift(-1,-2,-3,-4,-5);
console.log(b);//[-1, -2, -3, -4, -5, 0, 1, 2, 3, 4, 5]
console.log([b[0],b[1],b[2],b[3],b[4],b[5]]);//[-1, -2, -3, -4, -5, 0]
console.log(b.length);//11

 

2、删除数组元素的方法有：shift、pop、delete、减小数组length值；

//使用shift从数组前面删除一个数组元素，length值减1并使后面元素索引值降低；
b.shift();
console.log(b);//[-2, -3, -4, -5, 0, 1, 2, 3, 4, 5]
console.log(b.length);//10

//使用pop从数组后面删除一个数组元素，length值减1；
b.pop();
console.log(b);//[-2, -3, -4, -5, 0, 1, 2, 3, 4]
console.log(b.length);//9

//使用delete运算符删除数组指定索引项（不只是该索引项的元素，是连索引项一起删除，使得数组变成稀疏数组）,不改变length；
delete b[0];
console.log(b);//[1: -3, 2: -4, 3: -5, 4: 0, 5: 1, 6: 2, 7: 3, 8: 4]
console.log(b[0]);//undefined
console.log(b.length);//9

 

3、splice是一个通用的插入、删除、替换数组元素的方法，与之前的push、unshift、shift、pop方法不同的是，它不是返回添加或删除的元素值，而是返回添加或删除元素后的新数组，它会根据需要修改length值并移动元素到更高或更低的索引处；

 

 

 

 

五、数组的遍历：