JavaScript入门-对象

js对象

本篇主要介绍js里如何创建对象，以及for循环访问对象的成员...

什么是对象？

• 对象，并不是中文里有男女朋友意思，它是从英文里翻译来的，英文叫[Object]，目标，物体，物品的意思。
• 在编程里，我们经常听到有人说，面向对象。那这个对象，你简单来理解，就是一个容器，一个能装变量、函数体的容器。也可以在里面继续装下对象。

对象的创建

 //方法一（推荐） var obj = {  name : 'rainbow',  run : function(){   console.log('跑步中...')  } } //方法二（不推荐） var obj = new Object() obj.name = 'rainbow' obj.run = function(){  console.log('running...') } //方法三(推荐) var obj = {} obj.name = 'rainbow' obj.say = function(){  console.log('saying ...') }

ps:

1. 以上就是创建对象的三种方法，尽量避免第二种方法，因为new Object效率低，建议使用第三种或者第一种。
2. 属性名可以单引，可以双引，也可以不引，但他的类型永远都是string类型
3. 变量里的成员变量，也可以被赋值方法。但是不推荐这么做。

for循环访问对象成员

for...in

 //先定义一个对象 var obj = {  name : 'rainbow',  age : 20,  sex : 'man',  run : function(){   console.log('I'm running...')  } } for ( var key in obj ){  if('function' == typeof obj[key]){   obj[key]()   break  }  console.log(obj[key]) } //输出结果如下 rainbow 20 man I am running... /*估计有些人会问，为什么不是用obj.key访问呢？？ 那我们不妨打印看看，boj.key是什么? 那请往下看：*/ for (var key in obj) {  console.log(key , typeof key)  console.log(obj.key)//undefined }

• 打印如下
  

ps:我们可以知道，在js里，for...in不能用点运算访问，而是用obj[key]访问，并且方法名也可以访问。

for...of

 //1.使用js内置的对象，创建一个数组对象 var array = new Array(11,56,89,78,-12) console.log( typeof array )//object for ( var val of array){  console.log(val)//11,56,89,78,-12 } //2.用的自定义的对象 var obj = {  name : 'rainbow',  age : 20,  sex : 'man',  run : function(){   console.log('I'm running...')  } } for ( var val of obj ){  console.log(obj)//obj is not iterable } 这里报错的意思是，obj这个对象是不可迭代的

总结

• 用for...of不能迭代自定义对象
• 用for...in，不能用点运算访问成员，而是用对象[属性名]，可以访问一个不存在的属性，但是返回值为undefined
• 不要使用普通for循环访问对象成员

原文转载：http://www.shaoqun.com/a/510189.html

跨境电商：https://www.ikjzd.com/

刘小东：https://www.ikjzd.com/w/1853

深诺互动：https://www.ikjzd.com/w/2746

js对象本篇主要介绍js里如何创建对象，以及for循环访问对象的成员...什么是对象？对象，并不是中文里有男女朋友意思，它是从英文里翻译来的，英文叫[Object]，目标，物体，物品的意思。在编程里，我们经常听到有人说，面向对象。那这个对象，你简单来理解，就是一个容器，一个能装变量、函数体的容器。也可以在里面继续装下对象。对象的创建//方法一（推荐）varobj={name:'rainbo
marks spencer：marks spencer
c88是什么：c88是什么
深圳南澳桔钓沙好玩吗？：深圳南澳桔钓沙好玩吗？
Facebook营销：4周加粉1000人，我是怎么做到的？：Facebook营销：4周加粉1000人，我是怎么做到的？
疫情单量不减反增，斋月大促增长6倍，24年老牌厨具只用了这6招：疫情单量不减反增，斋月大促增长6倍，24年老牌厨具只用了这6招