JavaScript对象定义与属性遍历

简介: 本文目录1. 概念2. 定义对象3. 属性遍历

1. 概念

JavaScript不仅是支持对象的,而且一切皆为对象。


既然对象在JavaScript中是那样的普遍存在,所以JavaScript自带eval()函数用于将字符串转换为JavaScript对象。

例如:


<html>

<head>

<title>我的个人主页</title>

</head>

<body>

<script type="text/javascript">

var str='{"name":"maoge","age":20}';

var obj = eval('(' + str + ')');

console.log(obj);

</script>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

测试结果:


/*下面是chrome浏览器的console输出内容*/

Object {name: "maoge", age: 20}

1

2

2. 定义对象

可以直接定义对象,注意JavaScript对象定义和json字符串内容是有区别的,json中name、age是键,需要双引号包围。而JavaScript中name、age是属性名称,直接写名字就行。


var person={name:"maoge",age:20};

1

作为动态语言,也可以先定义一个对象,再添加属性。


var person=new Object();

person.name="maoge";

person.age=20;

1

2

3

也可以使用function和this关键字,好处是可以有构造函数。


//定义

function person(name,age)

{

this.name=name;

this.age=age;

function changeName(inputName)

{

 this.name=inputName;

}

}

//初始化并赋值

var p=new person("mm","22");

console.log(p);

1

2

3

4

5

6

7

8

9

10

11

12

13

3. 属性遍历

JavaScript的对象的属性可以使用for in来遍历,例如:


var person=new Object();

person.name="maoge";

person.age=20;


for(x in person)

{

console.log(x);//输出name age

console.log(person[x]);//输出maoge 20

}

相关文章
|
1天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
8 1
|
2天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
|
1天前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
|
3天前
|
前端开发 JavaScript 安全
解锁 JavaScript ES6:函数与对象的高级扩展功能
解锁 JavaScript ES6:函数与对象的高级扩展功能
|
3天前
|
JavaScript 前端开发 Java
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
|
3天前
|
前端开发 JavaScript 算法
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘
|
15天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
163 63
|
15天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
36 5