JS基础——对象，三种创建方法，对象遍历

对象，三种创建方法，对象遍历"/>

JS基础——对象，三种创建方法，对象遍历

JS基础——对象，三种创建方法，对象遍历

1·什么是对象？？

对象：万物皆对象，是指一个具体的事物，看得见摸得着的事实物。
举例：明星（×）杨幂（√） 游戏（×） 王者荣耀（√）

JS中的对象：在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。
属性：事物的特征，在对象中用属性来表示（名词）
方法：事物的行为，在对象中用方法来表示（动词）

2为什么需要对象？——【让结构更清晰，明确数据的用处】

保存一个值时,可以使用变量,保存多个值( -组值)时,可以使用数组。如果要保存一个人的完整信息呢?

3创建对象的三种方式

3·1利用字面量创建对象：:就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法。

<script>// 变量、属性、函数、方法的区别// 1.变量和属性的相同点 他们都是用来存储数据的 var num = 10;var obj = {age: 18,fn: function() {console.log("11我是内部的");}}for(var key in obj){console.log("yayaya"+key)console.log(obj[key])}function fn() {console.log("22我是内部的");}console.log(obj.age);console.log(obj.fn());console.log(fn());// console.log(age);// 变量 单独声明并赋值  使用的时候直接写变量名 单独存在// 属性 在对象里面的不需要声明的 使用的时候必须是 对象.属性// 2. 函数和方法的相同点 都是实现某种功能  做某件事// 函数是单独声明 并且调用的 函数名() 单独存在的// 方法 在对象里面 调用的时候 对象.方法()</script>

补充：变量，属性，函数，方法的区别

<script>
变量、属性、函数、方法的区别
1.变量和属性的相同点 他们都是用来存储数据的 
变量 单独声明并赋值  使用的时候直接写变量名 单独存在
属性 在对象里面的不需要声明的 使用的时候必须是 对象.属性2. 函数和方法的相同点 都是实现某种功能  做某件事
函数是单独声明 并且调用的 函数名() 单独存在的
方法 在对象里面 调用的时候 对象.方法()变量、属性、函数、方法的总结
●变量:单独声明赋值,单独存在
●属性:对象里面的变量称为属性,不需要声明,用来描述该对象的特征
●函数:单独存在的,通过“函数名.()”的方式就可以调用
●方法:对象里面的函数称为方法,方法不需要声明，使用“对象.方法名()”的方式就可以调用,方法用来描述该对象的行为和功能。</script>

3·2利用new Obj ect创建对象

<script>// 利用 new Object 创建对象var obj = new Object(); // 创建了一个空的对象obj.uname = '张三疯';obj.age = 18;obj.sex = '男';obj.sayHi = function() {console.log('hi~');}// (1) 我们是利用 等号 = 赋值的方法 添加对象的属性和方法// (2) 每个属性和方法之间用 分号结束console.log(obj.uname);console.log(obj['sex']);obj.sayHi();var person=new Object();person.name="mingRen";person.sex="Boy";person.age=19;person.skill=function(){console.log("It can fly in the sky!");}console.log(person.name);console.log(person['sex']);person.skill();</script>

3·3利用构造函数创建对象
为什么要使用构造函数创建对象？？

因为我们一次创建一个对象，里面很多的属性和方法是大量相同的 我们只能复制
因此我们可以利用函数的方法 重复这些相同的代码 我们就把这个函数称为 构造函数
又因为这个函数不一样，里面封装的不是普通代码，而是 对象
构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面

构造函数: 是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来 ，然后封装到这个函数里面。

<script><script>// 利用构造函数创建对象// 我们需要创建四大天王的对象  相同的属性： 名字 年龄 性别  相同的方法： 唱歌// 构造函数的语法格式// function 构造函数名() {//     this.属性 = 值;//     this.方法 = function() {}// }// new 构造函数名();function Star(uname, age, sex) {this.name = uname;this.age = age;this.sex = sex;this.sing = function(sang) {console.log(sang);}}var ldh = new Star('刘德华', 18, '男'); // 调用函数返回的是一个对象// console.log(typeof ldh);console.log(ldh)console.log(ldh.name);console.log(ldh['sex']);ldh.sing('冰雨');var zxy = new Star('张学友', 19, '男');console.log(zxy.name);console.log(zxy.age);zxy.sing('李香兰')// 1. 构造函数名字首字母要大写// 2. 我们构造函数不需要return 就可以返回结果// 3. 我们调用构造函数 必须使用 new// 4. 我们只要new Star() 调用函数就创建一个对象 ldh  {}// 5. 我们的属性和方法前面必须添加 this</script>

4构造函数和对象的联系

●构造函数,如Stars() ,抽象了对象的公共部分【抽象的】,封装到了函数里面,它泛指某一大类( class )
●创建对象,如new Stars() ,特指某一个【具体的】,通过new关键字创建对象的过程我们也称为对象实例化

new关键字

5遍历对象

        // 遍历对象 var obj = {name: 'pink老师',age: 18,sex: '男',fn: function() {}}// console.log(obj.name);// console.log(obj.age);// console.log(obj.sex);// for in 遍历我们的对象// for (变量 in 对象) {// }for (var k in obj) {console.log(k); // k 变量 输出  得到的是 属性名console.log(obj[k]); // obj[k] 得到是 属性值}// 我们使用 for in 里面的变量 我们喜欢写 k  或者  key</script>

6总结