首页 > 分享 > 【JavaScript】13

【JavaScript】13

萌宠菠菠乐园
2025-01-04 15:59

JavaScript对象

需要思考以下问题：

为什么需要对象？如何创建对象？ new的执行过程是怎样的？如何遍历对象？ 1、对象 1.1 - 什么是对象?

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

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

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

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

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

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

在这里插入图片描述

1.2 - 为什么需要对象

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

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

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

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

张三疯.姓名 = '张三疯'; 张三疯.性别 = '男'; 张三疯.年龄 = '128'; 张三疯.身高 = '154';/*转化为代码就是*/ person.name = '张三疯'; person.sex = '男'; person, age = '128'; person.height = '154'; 123456789 2、创建对象的三种方式

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

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

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

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

键：相当于属性名；值：相当于属性值，可以是任意类型的值（数字类型、符串类型、布你类型,函数类型等）。

var obj = { };//创建了一个空对象var obj = { uname: '豆沙', age: 3, sex: '男', sayHi: function() { console.log('hi~'); } } 123456789101112' 里面的属性或者方法我们采取键值对的形式：（键）属性名:（值）属性；多个属性或者方法中间用逗号（,）隔开的；方法冒号后面跟的是一个匿名函数。

使用对象：

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

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

具体信息如下：

姓名：可可。类型(type) ：阿拉斯加犬。年龄：5岁。颜色：棕红色。技能：汪汪汪(bark)，演电影(showFilm)。

var dog = { uname: '可可', type: '阿拉斯加犬', age: 5, color: red, bark: function() { console.log('汪汪汪!'); }, showFilm: function() { console.log123456789101112