JS中的对象

对象
JavaScript 提供多个内建对象，好比 Object、String、Date、Array 等等，此外 JavaScript 容许自定义对象。

对象只是带有属性和方法的特殊数据类型。

1.建立 JavaScript 对象
1.1 经过new关键字建立对象

var obj = new Object();
// 添加属性
obj.name = "小明";
// 添加方法
obj.sleep = function () {
    console.log(this.name + "在睡觉");
};

1.2 经过字面量建立对象

var obj = {
    name : "xiaoming",
    age : "18",
    show : function (girlfriend) {
        console.log(this.name + "的女友是" + girlfriend);
    }
};

注意: 属性名字能够加双引号也能够不加双引号。

1.3 经过构造函数建立对象

// 注意：此处建议方法名首字母大写
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.say = function(name) {
        console.log("你好: " + name + "!");
    };
}

// 建立两个Person对象
var person1 = Person("ande", 18);
var person2 = Person("dahuan", 28);

2.访问对象的属性
2.1 经过点语法访问对象属性

var obj = {
    name : "xiaoming",
    age : 18,
    show : function (girlfriend) {
        console.log(this.name + "的女友是" + girlfriend);
    }
};
// 访问属性值
console.log(obj.name);   // 输出："xiaoming"
console.log(obj.age);    // 输出：18

2.2 经过中括号法访问对象属性
中括号法能够用变量做为属性名，而点方法不能够；
中括号法能够用数字做为属性名，而点语法不能够。

var obj = {
    name : "xiaoming",
    age : 18,
    110 : "110",
    show : function (girlfriend) {
        console.log(this.name + "的女友是" + girlfriend);
    }
};
// 访问属性值
console.log(obj["name"]);   // 输出："xiaoming"
var age = "age";
console.log(obj[age]);      // 输出：18
console.log(obj["110"]);    // 输出："110"

 

3.访问对象的方法

var obj = {
    name : "xiaoming",
    age : 18,
    show : function (girlfriend) {
        console.log("xiaoming的女友是" + girlfriend);
    },
    sleep : function () {
        console.log("xiaoming在睡觉")
    }
};
// 访问对象方法
obj.show("小红");
obj.sleep();

4. this关键字
this是JavaScript语言的一个关键字。

它表明函数运行时，自动生成的一个内部对象，只能在函数内部使用。

随着函数使用场合的不一样，this的值会发生变化。可是有一个总的原则，那就是this指的是，调用函数的那个对象。

4.1 纯粹的函数调用
这是函数的最一般用法，属于全局性调用，所以this就表明全局对象(Global)。

var index = 0;
function fun() {
    // 此处的this表明就是全局对象window
    this.index = 1;
}
fun();
console.log(index);   // 输出：1

由于咱们使用window.fun()来调用函数，调用函数的那个对象是window，因此this指向的也是window。

4.2 做为对象方法的调用
做为对象方法的调用，this 指向当前实例对象。

var point = {
    x : 0,
    y : 0,
    moveTo : function(x, y) {
        this.x += x;
        this.y += y;
    }
};

point.moveTo(10, 10);
console.log("x: " + point.x + " y: " + point.y);  // 输出：x: 10 y: 10

由于使用point.moveTo()来调用函数，调用函数的那个对象是point，因此this指向的也是point。

4.3 做为构造函数调用
所谓构造函数，就是经过这个函数生成一个新对象(object)，这时this就指这个新对象。

function Student() {
    this.name = "ande";
}
var stu = new Student();
console.log(stu.name);        // 输出："ande"

5. for…in 循环
for…in 语句用于对数组或者对象的属性进行循环操做。

for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操做。

【语法格式】

for (变量 in 对象) {
// 在此执行代码
}

for (变量 in 对象) {
    // 在此执行代码
}

“变量”用来指定变量，指定的变量能够是数组元素，也能够是对象的属性。

// 一、遍历对象
var obj = {
    name : "xiaoming",
    age : 18,
    sex : "男",
    tel : "18911450210"
};
// for...in循环遍历
for(var attr in obj) {
    if (typeof obj[attr] != "function") {
        console.log("属性操做：" + obj[attr]);
    }
}
// 2.遍历数组
var arr = ["11", "22", "33", "44", "55"];
for(var attr in arr) {
    console.log(arr[attr]);
}

6. eval()函数
eval()函数会将传入的字符串当作JavaScript代码进行执行，例如：eval(“2+3”) 返回的是5。。

把JSON字符串转化为js认识的对象：

var json = '[{"name" : "dahuan", "age" : 18}, {"name" : "xiaohuan", "age" : 20}]';
// 把json字符串转化为js对象
var arr = eval(json);
// 对数据作解析
for (var i = 0; i < arr.length; i++) {
    console.log("name: " + arr[i].name);
    console.log("age: " + arr[i].age);
}

注意：eval()是一个危险的函数，从安全性来说不建议使用！