part3 javascript对象

万物皆对象

• 布尔型可以是一个对象。

• 数字型可以是一个对象。

• 字符串也可以是一个对象

• 日期是一个对象

• 数学和正则表达式也是对象

• 数组是一个对象

• 函数也可以是对象

访问方法

objectName.methodName()

1. 转换大小写

   var x=message.toUpperCase();
   var x=message.toLowerCase();

    

创建对象

• 使用 Object 定义并创建对象的实例。

  • 在 JavaScript 中，几乎所有的对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性和方法。

    Object 构造函数创建一个对象包装器。

    Object 构造函数，会根据给定的参数创建对象，具体有以下情况：

    • 如果给定值是 null 或 undefined，将会创建并返回一个空对象。

    • 如果传进去的是一个基本类型的值，则会构造其包装类型的对象。

    • 如果传进去的是引用类型的值，仍然会返回这个值，经他们复制的变量保有和源对象相同的引用地址。

    • 当以非构造函数形式被调用时，Object 的行为等同于 new Object()。

      new Object([value])// 以构造函数形式来调用

       

• 使用函数来定义对象，然后创建新的对象实例。

对象构造器

function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
}

添加属性

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

添加方法

function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
​
    this.changeName=changeName;
    function changeName(name)
    {
        this.lastname=name;
    }
}

Date

getFullYear()获取年份。

getTime()返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()设置具体的日期。

toUTCString()将当日的日期（根据 UTC）转换为字符串。

getDay() 和数组来显示星期，而不仅仅是数字。

Display a clock在网页上显示一个钟表。

分类

prototype(原型对象)

所有的javaScript对象都会从一个prototype中继承属性和方法

• Date 对象从 Date.prototype 继承。

• Array 对象从 Array.prototype 继承。

• Person 对象从 Person.prototype 继承。

在所有已经存在的对象添加新的属性或方法。

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";

使用 prototype 属性就可以给对象的构造函数添加新的方法：

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};

Number对象

• 都是64位

• Infinity（无穷大）

• NaN（非数字值）

字符串对象

• 长度length

• 查找字符 indexOf ()

• 内容匹配 match()

• 替换内容 replace()

• 字符串大小写转换 toUpperCase() / toLowerCase():

• 字符串转换为数组 split()

Date

getFullYear()获取年份。

getTime()返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()设置具体的日期。

toUTCString()将当日的日期（根据 UTC）转换为字符串。

getDay() 和数组来显示星期，而不仅仅是数字。

Display a clock在网页上显示一个钟表。

Array

创建

1: 常规方式:

var myCars=new Array();
myCars[0]="Saab";   
myCars[1]="Volvo";
myCars[2]="BMW";

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

访问

var name=myCars[0];
myCars[0]="Opel";

Boolean

菜鸟教程在线编辑器 (runoob.com)

Math

round() random() max() min()

RegExp

JavaScript RegExp 对象 | 菜鸟教程 (runoob.com)

JSON

• JSON 英文全称 JavaScript Object Notation

• JSON 是一种轻量级的数据交换格式。

• JSON是独立的语言 *

• JSON 易于理解。

==JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。==

语法规则

• 数据为 键/值 对。

• 数据由逗号分隔。

• 大括号保存对象

• 方括号保存数组

1. "name":"Runoob"

2. {"name":"Runoob", "url":"www.baidu.com"}

3. "sites":[
       {"name":"Runoob", "url":"www.runoob.com"}, 
       {"name":"Google", "url":"www.google.com"},
       {"name":"Taobao", "url":"www.taobao.com"}
   ]

4. var text = '{ "sites" : [' +
   '{ "name":"Runoob" , "url":"www.runoob.com" },' +
   '{ "name":"Google" , "url":"www.google.com" },' +
   '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

##