javascript中对象字面量与数组字面量
第一部分
我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型。那么如果创建一个Object类型的实例呢?下面我介绍两种方法:
第一:构造函数法。
|
1
2
3
|
var person=new Object();person.name="zhuzhenwei";person.age=20; |
这里Object()实际上是默认的构造函数,显然,为满足需要,我们可以通过后两条语句添加新的属性。JavaScript高级程序设计第3版83页介绍说,该构造函数为新对象定义了默认的属性和方法。但,这是真的吗?我们可以验证一下。因为for-in语句可以遍历对象中所有的属性,因此我们可用它来验证:
|
1
2
3
4
|
var person=new Object();for(var propName in person){ console.log(propName);} |
如果Object构造函数有默认属性,那么我们在控制台上应该是可以看到的,但实际上:

什么都没有?!
也就是说Object本身是不具有任何默认的属性的。
因为如果我们添上后面两句:
|
1
2
3
|
var person=new Object();person.name="zhuzhenwei";person.age=20;<br>for(var propName in person){<br> console.log(propName);<br>} |
我们就可以得到如下:

即此时person就有了两个属性,也就是说,Object函数自身确实没有默认的属性。
但是,真的是这样吗?javascript高级程序设计会出现这样的错误吗?答案是不会~
因为在这里使用for-in语句是不合适的,不能通过它枚举初object的所有属性。它只适用于window之类的对象,这里我们最好使用in操作符。因为object通过测试是不可枚举的。 alert(object.propertyisenumerable("prototype"));//false
|
1
2
3
4
|
var person=new Object();console.log("toString" in person);//trueconsole.log("valueOf" in person);//trueconsole.log("constructor" in person);//true |
也就是说Object至少是有上述属性和方法的。
第二:对象字面量表示法
|
1
2
3
4
|
var person={ name:"zhuzhenwei", age:18}; |
这里也创建了一个对象实例,同样通过for-in语句,我们可以验证其也只有name和age两个属性,且在通过对象字面量表示法定义对象时,实际上不会调用Object构造函数。
关于对象字面量有以下一点需要注意的地方:
- 在末尾需加分号;表示结束。
- 在一个属性定义之后用逗号分隔,最后一个属性不需要
- 属性名可以加双引号,好处是我们可以包含错误的字符。并使用方括号表示法来访问对象的属性。
比如:
|
1
2
3
|
var person=new Object();person.age age=18;console.log(person.age age); |
这时,由于属性名中包含了空格,因此得到的结果一定是 语法错误。
然而:
|
1
2
3
4
|
var person={ "age age":18}; console.log(person["age age"]); |
这时候我们就可以得到正确的答案了。
最后,实际上对象字面量还可以作为参数传递,大家有兴趣可以去了解,这里就不介绍了~
第二部分:
什么使数组字面量呢?对象字面量用于创建对象,数组字面量即用于创建数组。创建数组有两种方法。
第一:构造函数法.
|
1
|
var arr=new Array(); |
第二:数组字面量法
|
1
|
var arr=["zhu","zhen","wei"]; |
因为所有的引用类型都是继承自Object,因此Array也是继承自object的,并在继承的基础上添加了自己的属性和方法。
|
1
2
3
4
|
var arr=new Array();console.log("toString" in arr);//trueconsole.log("valueOf" in arr);//trueconsole.log("length" in arr);//true |
javascript中对象字面量与数组字面量的更多相关文章
- javascript中对象字面量的理解
javascript中对象字面量与数组字面量 第一部分 我们知道JavaScript中的数据类型有基本数据类型和引用类型,其中Object类型就是非常常用的类型.那么如果创建一个Object类型的实例 ...
- JavaScript中对象转换为原始值的规则
JavaScript中对象转换为原始值遵循哪些原则? P52 对象到布尔值对象到布尔值的转换非常简单:所有的对象(包括数字和函数)都转换为true.对于包装对象亦是如此:new Boolean(fal ...
- javascript中对象的深度克隆
记录一个常见的面试题,javascript中对象的深度克隆,转载自:http://www.2cto.com/kf/201409/332955.html 今天就聊一下一个常见的笔试.面试题,js中对象的 ...
- JavaScript中对象的属性
在JavaScript中,属性决定了一个对象的状态,本文详细的研究了它们是如何工作的. 属性类型 JavaScript中有三种不同类型的属性:命名数据属性(named data properties) ...
- 关于JavaScript中对象的继承实现的学习总结
一.原型链 JavaScript 中原型链是实现继承的主要方法.其主要的思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.实现原型链有一种基本模式,其代码如下. function Super ...
- 【你不知道的javaScript 上卷 笔记7】javaScript中对象的[[Prototype]]机制
[[Prototype]]机制 [[Prototype]]是对象内部的隐试属性,指向一个内部的链接,这个链接的作用是:如果在对象上没有找到需要的属性或者方法引用,引擎就 会继续在 [[Prototyp ...
- [Effective JavaScript 笔记]第52条:数组字面量优于数组构造函数
js的优雅很大程序要归功于程序中常见的构造块(Object,Function及Array)的简明的字面量语法.字面量是一种表示数组的优雅方法. var a=[1,2,3,5,7,8]; 也可以使用构造 ...
- javascript中对象和数组的异同点
一.JS声明对象或数组 JS对象:{ } JS数组:[ ] 对象 var b={m:'123',n:'abc'};alert(b.m);alert(b.n); 一维数组 var a=[1,2,3];a ...
- JavaScript中对象和数组的深拷贝
不管是在面试中还是我们的项目中经常会用到数组或者对象的深拷贝,下面我就自己总结的分享给大家. 首先要知道什么是深拷贝?什么是浅拷贝? 深拷贝:源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另 ...
随机推荐
- 深入理解javascript函数进阶系列第三篇——函数节流和函数防抖
前面的话 javascript中的函数大多数情况下都是由用户主动调用触发的,除非是函数本身的实现不合理,否则一般不会遇到跟性能相关的问题.但在一些少数情况下,函数的触发不是由用户直接控制的.在这些场景 ...
- 采用Opserver来监控你的ASP.NET项目系列(一、Opserver监控的简介与平台搭建)
前言 之前有过2篇关于如何监控ASP.NET core项目的文章,有兴趣的也可以看看. 今天我们主要来讲讲如何监控我们的ASP.NET项目. 首先我们来介绍一下,什么是Opserver,它是Stack ...
- NDK开发小记录 C++读取java层对象内容
这是自己NDK开发得小记录,关于C++层读取java层传来的对象内容. 很简单的一个例子, 1.首先在java层定义了一个类NumList: public class NumList { public ...
- telematics product and company in China
持续更新中. 总的来看后装OBD市场日渐繁荣,可是应用深度不够:前装infotainment受限于产量和商业模式,举步维艰. 车联网作为汽车信息化的起点,会有泡沫,也会在大数据和物联网的浪潮中逐步积淀 ...
- 游戏AI(二)—行为树优化之
上一篇我们讲到了AI架构之一的行为树,本篇文章和下一篇文章我们将对行为树进行优化,在本篇文章中我们讲到的是内存优化 问题 上一篇中我们设计的行为树由于直接采用new进行动态内存分配,没有自己进行管理. ...
- 【转】Spring 中三种Bean配置方式比较
今天被问到Spring中Bean的配置方式,很尴尬,只想到了基于XML的配置方式,其他的一时想不起来了,看来Spring的内容还没有完全梳理清楚,见到一篇不错的文章,就先转过来了. 以前Java框架基 ...
- ABP 教程文档 1-1 手把手引进门之 ASP.NET Core & Entity Framework Core(官方教程翻译版 版本3.2.5)
本文是ABP官方文档翻译版,翻译基于 3.2.5 版本 官方文档分四部分 一. 教程文档 二.ABP 框架 三.zero 模块 四.其他(中文翻译资源) 本篇是第一部分的第一篇. 第一部分分三篇 1- ...
- html5笔记——<section> 标签
定义和用法 <section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 注意: section 不是一个专用来做容器的标签,如果仅仅是用于设置 ...
- Django的信号机制
Django提供一种信号机制.其实就是观察者模式,又叫发布-订阅(Publish/Subscribe) .当发生一些动作的时候,发出信号,然后监听了这个信号的callback函数就会执行. Djang ...
- Eclipse Maven构建WebApp项目资源目录显示不全的原因与解决方式
一.问题展示 1.Eclipse在使用Maven构建WebApp项目的时候,首先Maven的安装和配置都没有问题的,但是构建项目之后,Maven项目要求的几个必须要有的资源目录显示不了: 问题如下图: ...