引用类型是JavaScript中很重要的内容。引用类型是一种数据结构,用于将数据和功能组织在一起。它描述的是一类对象所具有的属性和方法。Object是一个基础类型,Array是数组类型,Date是日期类型,RegExp是正则表达式类型,等。
拥抱JavaScript
曾经名不经传的JavaScript随着AJAX的流行而身价倍增,现在JavaScript不再仅仅是WEB开发中一个可有可无的辅助工具,甚至有了专门属于它的职位“JavaScript工程师”,那怕你仅仅是一名WEB后台开发程序员,你都必须了解JavaScript,至少在一些相关招聘职位要求上你可以看到“熟悉JavaScript优先”的字眼。甚至我还要告诉你,你将可以用JavaScript开发桌面软件,这得益于Adobe AIR的另外一种开发模式,即用HTML+CSS+JavaScript开发AIR。
1.Object类型
1. 创建:
var dog = new Object();
常应用于存储和传输数据。比如存储:
var person = new Object(); person.name = "Nicholas"; person.age = 29;
创建的第二种方式:(在创建时,属性名也可以是字符串格式,即:可以给属性名加引号。)
var person = { name : "Nicholas", age : 29 };
2.取出属性值:person["name"];或者:person.name;
2.Array类型
同一个数组可以保存任意类型的数据(大杂烩)。
1.数组可以动态调整(多加一个数据,它自己就增长一个长度,不是死的。)。
2.创建:
var stars=new Array();//方式1 var stars=new Array(20);//方式2 var stars=new Array("周杰伦","林俊杰","孙燕姿");//方式3 var stars=Array(20);//方式4 var stars=["周杰伦","孙燕姿","林俊杰"];//方式6
3.动态调整示例:
var stars=["周杰伦","林俊杰","孙燕姿"];
stars[1]="JJ";//动态改变(把林俊杰变为JJ)
stars[3]="皮裤汪";//动态增长(加了一个长度)
stars.length=1;//动态强制缩减(林俊杰、孙燕姿、皮裤汪强制移除,长度变为1)
4.检测数组:Array.isArray(value);
5.用join()把数组转换成有分隔符的字符串:
var stars = ["周杰伦", "王尼玛", "张全蛋"]; alert(stars .join(",")); //周杰伦,王尼玛,张全蛋 alert(stars .join("-")); //周杰伦-王尼玛-张全蛋
6.可以像栈一样使用数组(pop()出来,push()进去)。
7.可以像队列一样使用数组。(结合shift()和push()):
var stars = new Array(); //create an array var count = colors.push("周杰伦", "王尼玛"); //push two items alert(count); //2 count = stars .push("张全蛋"); //push another item on alert(count); //3 var item = colors.shift(); //get the first item alert(item); //周杰伦 alert(colors.length); //2 /**所谓栈变队列,其实就是把栈颠倒过来再拉取*/
8.排序。
1.reverse()翻转数组顺序;(返回经过排序后的数组)
2.sort()从小到大排序。但是是按字符串排序,不是按数字排序:(返回经过排序后的数组)。
var values = [, , , , ]; values.sort(); alert(values); //,,,,
要想按你预期的方式排序,可以给sort()里面加一个比较函数当作参数:
function compare(value, value) { if (value < value) { return -; } else if (value > value) { return ; } else { return ; } } var values = [, , , , ]; values.sort(compare); alert(values); //,,,,
简化版本的比较函数(sort只关心返回的是正数、负数还是0):
function compare(value1,value2){ return value2 - value1; }
9.对数组的操作:联结、切片、拼接。
1.联结:使用concat,记忆:concat-->concatenate:连结,连锁。
举例:
var stars = ["周杰伦", "王尼玛", "张全蛋"]; var stars = stars .concat("太子妃", ["花千骨", "梅长苏"]); alert(stars); //周杰伦,王尼玛,张全蛋 alert(stars); //周杰伦,王尼玛,张全蛋,太子妃,花千骨,梅长苏
2.切片。使用slice,记忆:slice翻译:切片。举例:
var stars = ["梅长苏", "誉王", "靖王", "霓凰", "飞流"]; var stars= stars.slice(); var stars= stars.slice(,); alert(stars); //誉王,靖王,霓凰,飞流(从第一个位置开始切) alert(stars); //誉王,靖王,霓凰(从第个位置切到第个位置,表示半封闭,不包含)
3.拼接。splice。功能强大。可以删除、插入、替换。
1.删除任意数量的项:比如:splice(0,2),删除第0,1项(半封闭区间)(返回删除项)。
2.指定位置插入任意数量的项:比如:splice(2,0,"周杰伦","王尼玛"),从第2个位置开始插入周杰伦、王尼玛两项。