对象的类型:本地对象(1)


Posted in Javascript onDecember 29, 2006
在ECMAScript中,所有对象并非同等创建的。一般说来,可以创建并使用的对象有三种。

3.3.1 本地对象

ECMA-262把本地对象(native object)定义为“独立于宿主环境的ECMAScript实现提供的对象”。简单说来,本地对象就是ECMA-262定义的类(引用类型)。它们包括:
对象的类型:本地对象(1)
你已经从上一章了解了一些本地对象(Object、Function、String、Boolean和Number),本书后面的章节中还会讨论一些本地对象。现在要讨论的两种重要的本地对象是Array和Date。
1. Array
与Java不同的是,在ECMAScript中有真正的Array类。可以如下创建Array对象:
对象的类型:本地对象(1)
如果预先知道数组中项的个数,可以用参数传递数组的大小:
对象的类型:本地对象(1)
使用这两个方法,一点要使用括号,与它们在Java中的用法相似:
对象的类型:本地对象(1)
这里创建了一个数组,并定义了三个数组项,即"red"、"green"和"blue"。每增加一个数组项,数组的大小就动态地增长。
此外,如果知道数组应该存放的值,还可用参数声明这些值,创建大小与参数个数相等的Array对象。例如,下面的代码将创建一个有三个字符串的数组:
对象的类型:本地对象(1)
与字符串类似,数组中的第一个项位于位置0,第二个项位于位置1,依此类推。可通过使用方括号中放置要读取的项的位置来访问特定的项。例如,要用刚才定义的数组输出字符串"green",可以采用下面的代码:
对象的类型:本地对象(1)
可用属性length得到数组的大小。与字符串的length属性一样,数组的length属性也是最后一个项的位置加1,意味着具有三个项的数组中的项的位置是从0到2。
对象的类型:本地对象(1)
前面提过,数组可以根据需要增大或减小。因此,如果要为前面定义的数组增加一项,只需把要存放的值放入下一个未使用的位置即可:
对象的类型:本地对象(1)
在这段代码中,下一个未使用的位置是3,所以值"purple"将被赋予它。增加一项使数组的大小从3变成了4。但如果把值放在这个数组的位置25处会怎样呢?ECMAScript将把从3开始到24的所有位置都填上值null,然后在位置25处放上正确的值,并把数组大小增大为26:
对象的类型:本地对象(1)
数组最多可以存放4294967295项,这应该可满足大多数程序设计的需要。如果要添加更多的项,则会发生异常。
还可以用字面量表示定义Array对象,即使用方括号([和]),用逗号分隔值。例如,可以用下面的形式重写前面的例子:
对象的类型:本地对象(1)
注意,在这个例子中,未明确使用Array类。方括号暗示把其中的值存放在Array对象中。用这种方式声明的数组与用传统方式声明的数组相同。
Array对象覆盖了toString()方法和valueOf()方法,返回特殊的字符串。该字符串是通过对每项调用toString()方法,然后用逗号把它们连接在一起构成的。例如,对具有项"red"、"green"和"blue"的数组调用toString()方法或valueOf()方法,返回的是字符串"red,green,blue"。
对象的类型:本地对象(1)
类似的,toLocaleString()方法返回的也是由数组项构成的字符串。唯一的区别是得到的值是通过调用每个数组项的toLocaleString()方法得到的。许多情况下,该方法返回的值都与toString()方法返回的值相同,也是用逗号连接字符串。
对象的类型:本地对象(1)
由于开发者也可能希望在数组之外创建这样的值,所以ECMAScript提供了方法join(),它唯一的用途就是连接字符串值。join()方法只有一个参数,即数组项之间使用的字符串。考虑下面的例子:
对象的类型:本地对象(1)
这里用方法join()创建了三种不同的数组表示。第一个join()方法使用逗号,本质上与调用toString()方法或valueOf()方法等价。第二个和第三个join()方法使用不同的字符串,在数组项之间创建了奇怪的分隔符(可能不怎么有用)。理解的重点在于任何字符串都可以用作分隔符。
此刻也许你想知道,既然Array具有把自己转换成字符串的方法,那么String是否有把自己转换成数组的方法呢?答案是肯定的。String类的方法split()正用于此。split()方法只有一个参数。可能有读者已经猜到,该参数就是被看作数组项之间的分隔符的字符串。因此,如果有一个由逗号分隔的字符串,就可以用下面的代码把它转换成Array对象:
对象的类型:本地对象(1)
如果把空字符串声明为分隔符,那么split()方法返回的数组中的每个项是字符串的字符,例如:
对象的类型:本地对象(1)
这里,字符串"green"将被转换成字符串数组"g"、"r"、"e"、"e"和"n"。如果需要逐个字符的解析字符串,这种功能非常有用。
Array对象具有两个String类具有的方法,即concat()和slice()方法。concat()方法处理数组的方式几乎与它处理字符串的方式完全一样。参数将被附加在数组末尾,返回的函数值是新的Array对象(包括原始数组中的项和新的项)。例如:
对象的类型:本地对象(1)
在这个例子中,用concat()方法把字符串"yellow"和"purple"加到数组中。数组aColors2包括5个值,而原始数组aColors仍只有3个值。可通过对两个数组分别调用toString()方法证明这一点。
Javascript 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
基于jquery的无缝循环新闻列表插件
Mar 07 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
ie 7/8不支持trim的属性的解决方案
May 23 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
jquery自动补齐功能插件flexselect用法示例
Aug 06 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
Mar 02 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
Jun 07 Javascript
浅谈Angular单元测试总结
Mar 22 Javascript
JavaScript高级程序设计
Dec 29 #Javascript
JavaScript 参考教程
Dec 29 #Javascript
js自带函数备忘 数组
Dec 29 #Javascript
slice函数的用法 之不错的应用
Dec 29 #Javascript
通过js脚本复制网页上的一个表格的不错实现方法
Dec 29 #Javascript
javascript中对对层的控制
Dec 29 #Javascript
JavaScript方法和技巧大全
Dec 27 #Javascript
You might like
在PHP中养成7个面向对象的好习惯
2010/01/28 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
php中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
PHP引用符&的用法详细解析
2013/08/22 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
vue安装和使用scss及sass与scss的区别详解
2018/10/15 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
2019/11/08 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
使用python绘制二维图形示例
2019/11/22 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
英国珠宝网站Argento: PANDORA、Olivia Burton和Nomination等
2020/05/08 全球购物
项目总经理岗位职责
2014/02/14 职场文书
小学三八妇女节活动方案
2014/03/16 职场文书
违反交通法规检讨书
2014/09/10 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
再婚婚前财产协议书范本
2014/10/19 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
Redis 常见使用场景
2021/08/30 Redis