【JavaScript】13

JavaScript对象

需要思考以下问题：

  1. 为什么需要对象？
  2. 如何创建对象？
  3. new的执行过程是怎样的？
  4. 如何遍历对象？

1、对象

1.1 - 什么是对象?

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。

例如：一本书、一 辆汽车、 一个人可以是”对象”， 一个数据库、一张网页、 一个与远程服务器的连接也可以是”对象”。

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象。

例如：字符串、数值、数组、函数等。

对象是由属性和方法组成的。

  • 属性：事物的特征，在对象中用属性来表示（常用名词）
  • 方法：事物的行为，在对象中用方法来表示（常用动词）

1.2 - 为什么需要对象

保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息呢 ?

例如，将"张三疯”的个人的信息保存在数组中的方式为：

        var arr = ['张三疯', '男', 128, 154];

JS中的对象表达结构更清晰，更强大。张三疯的个人信息在对象中的表达结构如下：

        张三疯.姓名 = '张三疯';张三疯.性别 = '男';张三疯.年龄 = '128';张三疯.身高 = '154';/*转化为代码就是*/person.name = '张三疯';person.sex = '男';person, age = '128';person.height = '154';

2、创建对象的三种方式

在JavaScript中，现阶段我们可以采用三种方式创建对象（object）：

  • 利用字面量创建对象；
  • 利用new Object创建对象；
  • 利用构造函数创建对象。
2.1 - 利用字面量创建对象

对象字面量：就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。

{}里面采取键值对的形式表示

  • 键：相当于属性名；
  • 值：相当于属性值，可以是任意类型的值（数字类型、符串类型、布你类型,函数类型等）。
        var obj = {};//创建了一个空对象var obj = {uname: '豆沙',age: 3,sex: '男',sayHi: function() {console.log('hi~');}}
  • 里面的属性或者方法我们采取键值对的形式：（键）属性名:（值）属性；
  • 多个属性或者方法中间用逗号（,）隔开的；
  • 方法冒号后面跟的是一个匿名函数。

使用对象：

        console.log(obj.uname); //豆沙console.log(obj['age']); //3obj.sayHi(); //hi~
  • 调用对象的属性我们采取对象名.属性名（.我们理解为的）;
  • 调用属性还有一种方法对象名['属性名'];
  • 调用对象的方法sayHi：对象名.方法名()。
练习：请按照要求写出对象

请用对象字面量的形式创建一个名字为可可的狗对象。

具体信息如下：

  • 姓名：可可。
  • 类型(type) ：阿拉斯加犬。
  • 年龄：5岁。
  • 颜色：棕红色。
  • 技能：汪汪汪(bark)，演电影(showFilm)。
        var dog = {uname: '可可',type: '阿拉斯加犬',age: 5,color: red,bark: function() {console.log('汪汪汪!');},showFilm: function() {console.

【JavaScript】13

JavaScript对象

需要思考以下问题：

  1. 为什么需要对象？
  2. 如何创建对象？
  3. new的执行过程是怎样的？
  4. 如何遍历对象？

1、对象

1.1 - 什么是对象?

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。

例如：一本书、一 辆汽车、 一个人可以是”对象”， 一个数据库、一张网页、 一个与远程服务器的连接也可以是”对象”。

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象。

例如：字符串、数值、数组、函数等。

对象是由属性和方法组成的。

  • 属性：事物的特征，在对象中用属性来表示（常用名词）
  • 方法：事物的行为，在对象中用方法来表示（常用动词）

1.2 - 为什么需要对象

保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息呢 ?

例如，将"张三疯”的个人的信息保存在数组中的方式为：

        var arr = ['张三疯', '男', 128, 154];

JS中的对象表达结构更清晰，更强大。张三疯的个人信息在对象中的表达结构如下：

        张三疯.姓名 = '张三疯';张三疯.性别 = '男';张三疯.年龄 = '128';张三疯.身高 = '154';/*转化为代码就是*/person.name = '张三疯';person.sex = '男';person, age = '128';person.height = '154';

2、创建对象的三种方式

在JavaScript中，现阶段我们可以采用三种方式创建对象（object）：

  • 利用字面量创建对象；
  • 利用new Object创建对象；
  • 利用构造函数创建对象。
2.1 - 利用字面量创建对象

对象字面量：就是花括号{}里面包含了表达这个具体事物（对象）的属性和方法。

{}里面采取键值对的形式表示

  • 键：相当于属性名；
  • 值：相当于属性值，可以是任意类型的值（数字类型、符串类型、布你类型,函数类型等）。
        var obj = {};//创建了一个空对象var obj = {uname: '豆沙',age: 3,sex: '男',sayHi: function() {console.log('hi~');}}
  • 里面的属性或者方法我们采取键值对的形式：（键）属性名:（值）属性；
  • 多个属性或者方法中间用逗号（,）隔开的；
  • 方法冒号后面跟的是一个匿名函数。

使用对象：

        console.log(obj.uname); //豆沙console.log(obj['age']); //3obj.sayHi(); //hi~
  • 调用对象的属性我们采取对象名.属性名（.我们理解为的）;
  • 调用属性还有一种方法对象名['属性名'];
  • 调用对象的方法sayHi：对象名.方法名()。
练习：请按照要求写出对象

请用对象字面量的形式创建一个名字为可可的狗对象。

具体信息如下：

  • 姓名：可可。
  • 类型(type) ：阿拉斯加犬。
  • 年龄：5岁。
  • 颜色：棕红色。
  • 技能：汪汪汪(bark)，演电影(showFilm)。
        var dog = {uname: '可可',type: '阿拉斯加犬',age: 5,color: red,bark: function() {console.log('汪汪汪!');},showFilm: function() {console.