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);//true
console.log("valueOf" in person);//true
console.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);//true
console.log("valueOf" in arr);//true
console.log("length" in arr);//true





      本文转自zsdnr  51CTO博客,原文链接:http://blog.51cto.com/12942149/1929375,如需转载请自行联系原作者







相关文章
|
14天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
14天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
14天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
24天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
1月前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
17天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
1天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
14 3
|
3天前
|
JavaScript 前端开发 开发者
JavaScript中的错误处理:try-catch语句与错误对象
【4月更文挑战第22天】JavaScript中的错误处理通过try-catch语句和错误对象实现。try块包含可能抛出异常的代码,catch块捕获并处理错误,finally块则无论是否出错都会执行。错误对象提供关于错误的详细信息,如类型、消息和堆栈。常见的错误类型包括RangeError、ReferenceError等。最佳实践包括及时捕获错误、提供有用信息、不忽略错误、利用堆栈信息和避免在finally块中抛错。
|
7天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查