前端学习之路JS（03）-对象

JS 对象

JS中的所有事物都是对象：字符串、数值、数组、函数…，此外也允许自定义对象。
访问对象的属性：objectName.propertyName；
访问对象的方法：objectName.methodName()；

创建JS对象的几种方式：

//方式1：直接创建var person = new Object();person.name = "qdl";person.age = 25;document.write(person.name + person.age);//方式2：方式1的替代语法var person = {name:"qdl", age:25};document.write(person.name + person.age);//方式3：使用对象构造器var mySon = new person("qdl", 2);function person(name, age){    this.name = name;    this.age = age;}

for…in语句循环遍历对象的属性。

var mySon = new person("qdl", 2);var text = "";for( var x in mySon ){    text += mySon[x];}alert(text);   //qdl2

---

JS Number对象

JS只有一种数字类型，数字可以使用也可以不使用小数点来书写，JS不是类型语言。与许多其他编程语言不同，JS不定义不同类型的数字，比如整数、短、长、浮点等等，在JS中，数字不分为整数类型和浮点型类型，所有的数字都是由 浮点型类型。

var value1 = 3.14;var value2 = 3;var value3 = 2.4e3;   //2400var value4 = 314e-2;  //3.14

精度

// 整数（不使用小数点或指数计数法）最多为 15 位var x = 999999999999999;   // x 为 999999999999999var y = 9999999999999999;  // y 为 10000000000000000// 小数的最大位数是 17，但是浮点运算并不总是 100% 准确var x = 0.2+0.1; // 输出结果为 0.30000000000000004

八进制和十六进制

0开头8进制，0x开头16进制，可以使用 toString() 方法 输出16进制、8进制、2进制。

var myNumber=128;myNumber.toString(16);   // 返回 80myNumber.toString(8);    // 返回 200myNumber.toString(2);    // 返回 10000000

无穷大（Infinity）

正无穷大：Infinity，负无穷大：-Infinity。基于它们的加、减、乘和除运算结果还是无穷大（当然还保留它们的正负号）。除以0也产生了无限。

NaN - 非数字值

NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值，来指示其不是数字值，你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。

// 一个数字除以一个字符串结果不是一个数字var x = 1000 / "Apple";  //true// 一个数字除以一个字符串数字结果是一个数字var y = 1000 / "1000";   //false

属性方法参见

---

JS String

属性

• length，字符串长度；

方法

• indexOf()，查找字符串，返回指定的字符首次出现的位置；
• match()，内容匹配，找到的话，则返回这个字符；
• replace()，替换内容；
• toUpperCase()，小写换大写；
• toLowerCase()，大写换小写
• split()，字符串转为数组；

特殊字符和更多属性方法请查阅

---

JS Date日期

获取当前日期：var date = new Date();

• getFullYear()，以四位数字返回年份；
• getMonth()，返回月份 (0 ~ 11)，0-11顺序代表1月到12月；
• getDate()，返回一个月中的某一天 (1 ~ 31)；
• getHours()，返回小时 (0 ~ 23)；
• getMinutes()，返回对象的分钟 (0 ~ 59)；
• getSeconds()，返回对象的秒数 (0 ~ 59)；
• getMilliseconds()，返回对象的毫秒(0 ~ 999)；
• getDay()，返回一周中的某一天 (0 ~ 6)； 0代表周日 1-6代表周一到周六；
• getTime()，返回 1970 年 1 月 1 日至今的毫秒数。

---

JS Array数组

数组概念相同，创建方式

// 1.常规方式var myCars = new Array();myCars[0] = "奔驰";myCars[1] = "宝马";myCars[2] = "奥迪";// 2.简洁方式var myCars = new Array("奔驰", "宝马", "奥迪");// 3.字面var myCars = ["奔驰", "宝马", "奥迪"];

数组对象参考手册
数组例子

---

JS Boolean

无话可说…

---

JS Math算数

数学运算对象

document.write(Math.round(4.7));   //四舍五入为5

完成的Math对象属性方法

---

JS RegExp对象

正则表达式是描述字符模式的对象，对象教程参见。

test()，搜索字符串指定的值，根据结果并返回真或假。

var reg = new RegExp("av");document.write(reg.test("wo love avav"));  //truedocument.write(reg.test("wo love aa1v"));  //false

exec()，检索字符串中的指定值，返回值是被找到的值。如果没有发现匹配，则返回 null。

var reg = new RegExp("av");document.write(reg.exec("wo love avav"));  //avdocument.write(reg.exec("wo love aa1v"));  //null

---