JavaScript创建对象的两种方法和遍历对象的属性

创建新对象有两种不同的方法：

定义并创建对象的实例
使用函数来定义对象，然后创建新的对象实例

1.定义并创建对象的实例

var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

或者

var person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}

2.使用函数来定义对象，然后创建新的对象实例

function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;
}
var myFather=new person("John","Doe",50,"blue");

myFather.hobby = "pingpang";//添加属性

把方法添加到 JavaScript 对象

function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;this.changeName=changeName;function changeName(name){this.lastname=name;}
}
myMother=new person("Sally","Rally",48,"green");
myMother.changeName("Doe");
document.write(myMother.lastname);//输出Doe

遍历JavaScript对象的属性

function myFunction(){var x;var txt="";var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){txt=txt + person[x];}document.getElementById("demo").innerHTML=txt;
}

转载于:https://www.cnblogs.com/halao/p/7678102.html

JavaScript创建对象的两种方法和遍历对象的属性相关推荐

JavaScript创建对象的4种方法
JavaScript 创建对象的4种方法所谓对象就是用来帮助你完成一些事情是,对象是有特征和行为的,是具体特指的某一个事物.使用对象可以使程序更加整洁通过Object()方法来创建 Object( ...
HTML5动态加载资源方式,动态加载JavaScript文件的两种方法
这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法,感兴趣的小伙伴们可以参考一下第一种便是利用ajax方式,把script文件代码从背景加载到前台,而后对加载到的内容经过eval ...
【转载】C++创建对象的两种方法
原文:http://blog.sina.com.cn/s/blog_586b6c050100dhjg.html 在C++里,有两种方法创建对象: 方法一: ClassName object(param ...
遍历Map key-value的两种方法、遍历Set方法
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 第一种遍历方法 : 先获取Map中的所有key值,然后根据key,依次从Map中去数据 Map< ...
html按照字数分页,纯javascript实现分页(两种方法)
先给大家贴效果图: 网上确实有很多分页的插件以及开源代码,单本是一个后台开发猿,前台css等样式还驾驭不住,所以就开始自己去写了.其实这个分页原理很简单,就是用ajax往后台传值(当前页码),后台使用 ...
php javascript分页,纯javascript实现分页(两种方法)
有的时候页面需要很多不同的表组成的数据,该怎么分页呢?使用数据库分页很简单,那么如何使用js实现分页呢?接下来,小编帮大家解决这个问题,需要的朋友一起来学习吧先给大家贴效果图: 网上确实有很多分页的 ...
JS教程之识别 JavaScript 数据类型：两种方法就足够了
Primitive type原始类型: Null.Undefined.Number.String.Boolean.Symbol.BigInt vObject type 对象类型: Object 你知道 ...
字符串html在线互转,将string 的字符串转换为HTML的两种方法
将string 的字符串转换为HTML的两种方法采用jquery对象转换采用原生javascript中DOMParser的parseFromString方法实现 1.采用jquery实现 var ...
统计图的连通块的个数的两种方法
@算法学习两种方法 DFS遍历法并查集法 1. DFS遍历计算连通块先上代码: #include <stdio.h> #include <vector>using nam ...

JavaScript创建对象的两种方法和遍历对象的属性

把方法添加到 JavaScript 对象

JavaScript创建对象的两种方法和遍历对象的属性相关推荐

最新文章

热门文章