引用类型

一、Object类型
1.创建对象
①new运算符 var o = new Object();
②对象字面量 var o = {}; 推荐
2.方法属性
①object.constructor 保存着创建当前对象的函数
②hasOwnProperty(propertyName) 表示指定参数的属性是否存在于实例中,而不是原型中
③Object.prototype.isPrototypeOf(object) 表示传入的对象(Object)是否为传入对象(object)的原型
④object.propertyIsEnumerable(propertyName) 表示传入的对象属性是否可以用for-in来枚举
⑤toLocaleString()
⑥valueOf()
⑦toString()
3.例子
function Student (grade) {
this.grade = grade;
}
Student.prototype = {
constructor : Student,
getGrade : function () {
return this.grade;
}
}
var o = {
name : "zhang",
age : 12,
getName : function () {
return this.name;
}
};
alert(o.constructor); // 保存着创建当前对象的函数
o.sex = "male";
alert(o.hasOwnProperty("sex")); // true, sex属性存在于实例o中,而不是原型
var obj = new Student(100);
alert(Student.prototype.isPrototypeOf(obj)); // true, Student是obj实例的原型
alert(obj.propertyIsEnumerable("grade")); // true,实例obj中的属性grade可以通过for-in枚举


二、Array类型
1.创建数组
①构造函数 var a = new Array([长度],[value1, value2, ...]);
②数组字面量 var a = [];
2.CRUD
①获取长度 a.length
②末尾添加 a[a.length] = value
③修改 a[index] = value
④删除 a[index] = null;
⑤读取 a[index];
3.检测数组 Array.isArray(arrayName) 判断arrayName是否为数组
4.转换方法
①toString() 返回的是有逗号和索引元素组成的字符串
②valueOf() 返回的是对象
③例子
var arr = [1, 2, 3];
alert(Array.isArray(arr)); // true, arr是一个数组
alert(typeof arr.toString()); // string,字符串
alert(typeof arr.valueOf()); // object,对象
alert(typeof arr); // object,可见arr实例自动调用valueOf方法
5.栈方法
①push() 推入,添加
②pop() 弹出,删除
③例子
var arr = [1, 2, 3];
var item = arr.push(4); // 入栈
alert(item); // 4
alert(arr); // 1,2,3,4
item = arr.pop(); // 出栈
alert(item); // 4
alert(arr); // 1,2,3
6.队列方法
①shift() 出队,删除
②pop() 弹出,删除
③例子
var arr = [1, 2, 3, 4, 5];
var item = arr.shift(); // 队首出列
//alert(item); // 1
//alert(arr); // 2,3
item = arr.unshift(0); // 队首入列
//alert(item); // 5个item
//alert(arr); // 0, 2, 3, 4, 5
7.重排序方法
①reverse() 反向排序
②sort(fun) 自定义排序
③例子
var paixu = function (a, b) {
return a - b;
}
var arr = [1, 22, 3, 4, 5];
//alert(arr.reverse()); // 5,4,3,22,1
//alert(arr.sort()); // 按字符串形式排序 1,22,3,4,5
//alert(arr.sort(paixu)); // 按照paixu函数的形式排序 1,3,4,5,22 // 0, 2, 3, 4, 5
8.操作方法
①concat() 创建一个副本数组,将原数组的数据和自带参数的数据添加到副本中。
②slice(startIndex, endIndex) 基于父数组创建一个子数组
③splice() 可以对数组进行添加、删除和替换
④例子
var arr = [1, 2];
// concat的用法
var newArr = arr.concat(7);
//alert(newArr); // 1,2,7
//alert(arr); // 1,2
// slice的用法
var subArr = arr.slice(0, 1);

//alert(subArr); // 1
//alert(arr); // 1,2
// splice的用法
var arr2 = arr.splice(1, 1);
//alert(arr2); // 2, 删除arr中的从arr[1]到arr[1]中的数据
//alert(arr); // 1
var arr3 = arr.splice(1, 2, 4, 5);
//alert(arr3); // 添加4,5
//alert(arr); // 1, 4, 5
var arr4 = arr.splice(2, 1, "red");
alert(arr4); // 更替数据,返回被替换的值
alert(arr); // 1, 4, "red"
9.位置方法
①indexOf(item, startIndex) 返回要查找的项在数组中的位置,如果没有返回-1
②lastIndexOf() 从后往前开始查找,和indexOf恰恰相反
④例子
var arr = [2, 23, 23, 11, 3, 2, 345];
var index = arr.indexOf(2);
alert(index); // 0
alert(arr.indexOf(2, 3)); // 从第3个元素,即arr[3](11)开始查找
alert(arr.lastIndexOf(2)); // 5
10.迭代方法
①every() 对数组的每一项都运行给定的函数,如果都返回true,则返回true
②filter() 对数组的每一项都运行给定的函数,返回为true的值的集合的数组
③forEach() 对数组的每一项都运行给定的函数,没有返回值
④map() 对数组的每一项都运行给定的函数,返回经过函数处理后的新数组
⑤some() 对数组的每一项都运行给定的函数,如果任意一项返回true,则返回true
⑥例子
// 1. every的用法
var everyResult = arr.every(function (item, index, array){
return item > 2;
});
//alert(everyResult); // false
// 2. filter的用法
var filterResult = arr.filter(function (item, index, array){
return item > 300;
});
//alert(filterResult); // [345], 返回经过过滤器筛选之后的数组
// 3. forEach的用法
var foreachResult = arr.forEach(function (item, index, array){
return item * 10;
});
//alert(foreachResult); // undefined,没有返回值
// 4. map的用法
var mapResult = arr.map(function (item, index, array){
return item * 10;
}); // 返回经过函数处理之后的数组值的新数组
//alert(mapResult); // 20, 230, 230, 110, 30, 20, 3450
// 5. some的用法
var someResult = arr.some(function (item, index, array){
return item > 2;
});
alert(someResult); // true
11.归并方法
①reduce() 迭代数组的每一项,返回经过处理后的值
②reduceRight() 和reduce()一致,只是从后开始迭代
⑥例子
var arr = [1,2,3];
var res = arr.reduce(function (pre, cur, index, array) {
return pre * cur;
});
alert(res); // 1 * 2 * 3 = 6
三、Date类型
1.创建日期对象
①构造函数 new Date()
②Date.parse()方法,传入日期格式字符串,如果不是,返回NaN
③Date.UTC()方法
④例子
var date = new Date();
//alert(date); // 返回当前日期信息,Mon Mar 28 2016 20:36:25 GMT+0800
//alert(new Date(Date.parse("3/28/2016")));//字符串中的格式“月/日/年”, Mon Mar 28 2016 20:36:25 GMT+0800
//alert(new Date("3/28/2016"));//字符串中的格式“月/日/年”, Mon Mar 28 2016 20:36:25 GMT+0800
alert(new Date(Date.UTC(2016, 2, 28, 8, 8, 8)));//字符串中的格式“年月日时分秒”, Mon Mar 28 2016 20:36:25 GMT+0800
alert(new Date(2016, 2, 28, 8, 8, 8));// Mon Mar 28 2016 20:36:25 GMT+0800
2.获取时间戳 Date.now()方法
eg:
var pre = Date.now();
for (var i = 0; i < 10000; i++) {}
var cur = Date.now();
alert("计算花费了" + (cur - pre) / 1000 + "秒"); // 计算花费了0.001秒
3.继承的方法
由于浏览器兼容的问题,对于toString()和toLocaleString()方法返回的值不一致,因此没有什么用
而valueOf()返回的则是时间戳,可以用来比较时间。
eg:
var date1 = new Date(2016, 1, 1);
var date2 = new Date(2015, 12, 31);
alert(date1 - date2); // 86400000
4.日期时间组件
①getTime() 获取时间戳
②getFullYear() 获取4位的年份
③getMonth() 获取0~11的月份
④getDate() 获取1~31的天数
⑤getDay() 获取0~6的星期几
⑥getHours 获取0~23的小时
⑦getMinites 获取0~59的分钟数
⑧getSeconds 获取0~59的秒数
⑨getMilliseconds获取毫秒数
eg:
var date = new Date(2016, 2, 28, 8, 8, 8);
//alert(date); //Mon Mar 28 2016 08:08:08 GMT+0800
//alert(date.getTime()); // 1459123688000
//alert(date.getFullYear()); // 2016
//alert(date.getMonth()); // 2
//alert(date.getDate()); // 28
//alert(date.getDay()); // 1
//alert(date.getHours()); // 8
//alert(date.getMinutes()); // 8
//alert(date.getSeconds()); // 8
alert(date.getMilliseconds()); // 0
四、RegExp类型
1.创建正则实例
①正则表达式 var reg = /pattern/flag; 其中flag有i,g,m,分别代表忽略大小写、全局匹配和多行匹配
②构造函数 var reg = new RegExp(pattern, flag);
2.需要在模式中转义的字符 ( [ { \ ^ $ | ) ? * + .]}
3.实例属性
①global
②ignoreCase
③multiline
④lastIndex
⑤source // 返回模式的字符串形式
eg:
var pattern = /\[bc]\at/ig;
alert(pattern.global); // true
alert(pattern.ignoreCase); // true
alert(pattern.multiline); // false
alert(pattern.lastIndex); // 0
alert(pattern.source); // \[bc]\at
4.实例方法
①exec() 用于捕获
eg:
var text = "a & b & c";
var pattern = /a( & b( & c)?)?/ig;
var matches = pattern.exec(text);
//alert(matches); // a & b & c, & b & c, & c
//alert(matches.index); // 0
//alert(matches.input); // a & b & c
//alert(matches[0]); // a & b & c
//alert(matches[1]); // & b & c, & c
//alert(matches[2]); // & c
②test() 用于测试
eg:
var text = "a & b & c";
var pattern = /a( & b( & c)?)?/ig;
var matches = pattern.test(text);
alert(matches); // true, 表示有匹配到
五、Function类型
1.创建
①函数声明 function functionName (par...) {}
②函数表达式 var functionName = function (par...) {}
③构造函数 var functionName = new Function(par, statement);
2.函数是对象,函数名是指针
eg:
var add = function (a, b) {
return a + b;
}
alert(add(10, 10)); // 20
var sum = add;
alert(sum(10, 10)); // 20
add = null;
alert(sum(10, 10)); // 20
3.没有重载
eg:
function add(a, b) {
return a + b;
}
function add (a, b) {
return a * b;
}
alert(add(10, 10)); // 100, 前者被后者覆盖
4.函数声明和函数表达式 用函数声明的函数调用没有顺序限制,而函数表达式要先定义后调用
5.作为值的函数
eg:
var arr = [1, 222, 100];
var paixu = function (a, b) {
return a - b;
}
alert(arr.sort(paixu)); // 将函数作为值调用 1, 100, 22
6.函数的内部属性
①arguments对象属性
eg:
var add = function (a, b) {
var res = [];
for(var i = 0, len = arguments.length; i < len; i++) {
res.push(arguments[i]);
}
res.push(arguments.callee);
return res;
}
alert(add(10, 10)); // 10, 10, var add = function (a, b) {...};
②this会随着函数作用域的变化而变化
eg:
var color = "red";
var o = {
color : "green"
}
var sayColor = function() {
alert(this.color);
}
sayColor(); //[object Window], red
o.getColor = sayColor;
o.getColor(); // [object Object], green
③caller属性,保存着调用本函数的函数引用
eg:
function outer() {
inner();
}
function inner() {
alert(arguments.callee.caller);
}
outer(); // function outer() {...}
7.函数的属性和方法
①length 表示函数希望接受到的参数的个数
②prototype 表示函数原型
③call()和apply() 给函数指定一个作用域,从而改变函数的环境,得到不同的值
eg:
var color = "red";
var o = {
color : "green",

}
var sayColor = function () {
alert(this.color);
}
sayColor(); // red
sayColor.call(window); // red
sayColor.call(o); // green
六、基本包装类型
1.生命周期 在一行代码执行完毕后消失
2.内容 Number()、Boolean()和String(),不建议使用,容易产生误解,尤其是前两个
3.String()类型
①字符方法 charAt()和charCodeAt()
var text = "Hello";
alert(text.charAt(1)); // e
alert(text.charCodeAt(1)); // 101
②字符串操作方法
a.字符串拼接 concat()
b.截取字符串 slice(startIndex, endIndex)、strstr(startIndex, length)、substring(startIndex, endIndex)
③位置方法 indexOf()和lastIndexOf()
④去空格 trim()
⑤大小写转换 toLowerCase()、toUpperCase()
⑥匹配方法
a.match()和正则中的exec()一致
b.search()和正则中的test()差不多,返回搜索值的索引
c.replace()替换字符串
d.split()分隔方法
eg:
var text = "cat pat hat";
var pattern = /(.at)/ig;
alert(text.match(pattern)); // cat pat hat
alert(text.match(pattern)[0]); // cat
alert(text.match(pattern)[1]); // pat
alert(text.match(pattern)[2]); // hat
alert(text.search(pattern)); // 0,索引0
alert(text.replace(/at/g, "ats")); // cats pats hats
alert(text.split(" ", 2)); // cat,pat
⑦localeCompare() 比较两个字符串
var a = "a";
var b = "b";
alert(a.localeCompare(b)); // -1
⑧fromCharCode()
alert(String.fromCharCode(104, 101, 108, 108, 111)); //"hello"
七、单体内置对象
1.Global对象
①URI编码 decodeURIComponent()和encodeURIComponent()
②执行环境方法 eval()
③window对象,定义的全局变量都是window的属性方法
2.Math对象
①Math对象的属性 Math.E...
②最大/最小值 max()、min()
③四舍五入 ceil()、floor()和round()
④随机数 random() 值= Math.floor(Math.random() * 可能值的总数+ 第一个可能的值)
⑤其他方法 abs()、sqrt()、pow()...


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容