《JavaScript高级编程》学习笔记之object和array引用类型

本文给大家分享我的javascript高级编程学习笔记之object和array引用类型,涉及到javascript引用类型相关知识,大家一起看看把。

1. Object类型

大多数引用类型值都是Object类型的实例;而且Object也是ECMAScript中使用最多的一个类型。

创建Object实例有如下两种方式:

new操作符后跟Object构造函数:

对象字面量表示法:

2. Array类型

除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了。 ECMAScript数组的每一项可以保存任何类型的数据(例如,第一个位置可存放字符串,第二个位置保存数值,第三个位置保存对象,以此类推)。而且ECMAScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。

创建数组的基本方式有两种,

使用Array构造函数:

数组字面量表示法

注:数组的length属性很有特点——它不是只读的。因此通过设置这个属性,可以从数组的末尾移除或添加项。例如,

2.1 检测数组

对于一个网页,或者一个全局作用域而言,使用instanceof操作符就能判断某个对象是不是数组:

instanceof操作符的问题在于,它假定只有一个全局执行环境。如果网页中包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的Array构造函数。如果你从一个框架向另一个框架传入一个数组,那么传入的数组与在第二个框架中原生创建的数组分别具有各自不同的构造函数。

为了解决这个问题,ECMAScript5新增了Array.isArray( )方法。这个方法的目的是最终确定某个值到底是不是数组,而不管它是在哪个全局执行环境中创建的,

支持该方法的浏览器有IE9+、Firefox 4+、Safari 5+、Opera 10.5+和Chrome。

2.2 转换方法

调用数组的toString( )方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。而调用valueOf( )返回的还是数组。实际上,为了创建这个字符串会调用数组每一项的toString( )方法。例如,

另外,toLocaleString( )方法经常也会返回与toString( )和valueOf( )方法相同的值,但也不总是如此。当调用数组的toLocaleString( )方法时,它也会创建一个数组值的以逗号分隔的字符串。而与前两个方法唯一的不同之处在于,这一次为了取得每一项的值,调用的是每一项的toLocaleString( )方法,而不是toString( )方法。

2.3 栈方法(LIFO)

push( ):接受任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度; pop( ):从数组末尾移除最后一项

2.4 队列方法(FIFO)

shift( ):移除数组的第一项并返回该项,同时数组长度减1; unshift( ):顾名思义,与shift( )用途相反,能在数组前端添加任意个项并返回数组的长度。

2.5 重排序方法

reverse( ):反转数组项的顺序;

sort( ):默认按升序排列;为了实现排序,sort( )方法会调用每项的toString( )方法,然后比较得到的字符串,以确定如何排序。即使每一项都是数值,比较的也是字符串,如下所示。

这种排序方式在很多情况下都不是最佳方案。因此sort( )方法可以接受一个比较函数作为参数,以便指定哪个值位于哪个值的前面。

value2){ return 1; }else{ return 0; } }

这个比较函数可以适用大多数据类型,只要将其作为参数传递给sort( )方法即可,如下,

2.6 操作方法

concat( ):基于当前数组中的所有项创建一个新数组。例如,

slice( ):基于当前数组中的一个或多个项创建一个新数组。例如,

splice( ):这个方法恐怕是最强大的数组方法了,主要用途是向数组的中部插入项,但使用这种方法的方式则有如下2种。

删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。

插入:可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)和要插入的项。如果要插入多个项,可以再传第四、第五以至任意多个项;例如,splice(2,"red","green")会从当前数组的位置2开始插入字符串"red"和"green"。

splice( )方法始终都会返回一个数组,包含从原始数组中删除的项(如果没有删除任何项,则返回空数组)。

2.7 位置方法

indexOf( )和lastIndexOf( ):这两个方法都接受两个参数:要查找的项和(可选的)表示查找起点位置的索引。前者从开头开始向后查找,后者从末尾向前查找

2.8 迭代方法

ECMAScript5为数组定义了5个迭代方法,每个方法都接受两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。

every( ):对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。 filter( ):对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。 forEach( ):对数组中的每一项运行给定函数,这个方法无返回值。 map( ):对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。 some( ):对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

以上方法都不会修改数组中包含的值。例如,

2; }); alert(everyResult); //false var someResult=numbers.every(function(item,array){ return item>2; }); alert(someResult); //true var filterResult=numbers.every(function(item,array){ return item>2; }); alert(filterResult); //[3,3] var mapResult=numbers.every(function(item,array){ return item*2; }); alert(mapResult); //[2,6,8,2]

2.9 归并方法

reduce( ):从数组的第一项开始,逐个遍历到最后; reduceRight( ):从数组的最后一项开始,向前遍历到第一项。 这两个方法都接受两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值。传给这些方法的函数接受4个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数传给下一项。例如,

<div class="jb51code">
<pre class="brush:js;">
var values=[1,5];
var sum=values.reduce(function(prev,cur,array){
return prev+cur;
});
alert(sum); //15

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)