JavaScript 对象

1,020次阅读

对象
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 对象 ) {// 在此执行代码  }

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

// 1、遍历对象 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() 是一个危险的函数，从安全性来讲不建议使用！

正文完

发表至： javascript

2019-10-11

0