位置: 编程技术 - 正文

JavaScript:Array类型全面解析

编辑:rootadmin

推荐整理分享JavaScript:Array类型全面解析,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript中的数组类型与其他语言中的数组有着很大的区别。JavaScript中的每一项可以保存任何类型的数据。而且,JavaScript数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新增数据。

创建数组的基本形式有两种。

1.Array构造函数

如果预先知道要保存的项目数量,也可以给构造函数传递该数量,该数量会自动变成length属性的值。

也可以向Array构造函数传递数组中应该包含的项。

在创建数组时可以省略new操作符:

2.数组字面量表示法

数组字面量表示法由一对包含数组项的方括号表示,多个数组项之间以逗号隔开,如下:

在读取和设置数组的值时,要使用方括号并提供相应值的基于0(基于0就是从0开始计数,第一项为0,第二项为1,以此类推)的数字索引,如下所示:

数组的项数保存在length属性中,它不是只读的。因此,可以通过设置length属性,可以从数组的末尾移除项或者向数组中添加新项。

利用length的这一属性可以在数组末尾添加新项:

1. 检测数组

ECMAScript5新增了Array.isArray()方法,作用就是确定某个值到底是不是数组,而不管它是哪个全局执行环境中创建的。用法如下:

2. 转换方法

所有对象都具有toLocaleString()、toString()和valueOf()方法。其中调用数组的toString()方法会返回由数组中的每个值的字符串形式拼接而成的一个以逗号分隔的字符串。例如:

说明:由于alert()需要接收字符串参数,它会在后台调用toString()方法,因此会得到直接调用toString()方法相同的结果。

另外,toLocaleString()方法经常也会返回与toString()和valueOf()相同的值,不同的是,为了取得每一项的值,调用的是每一项的toLocaleString()方法,而不是toString()方法。例如:

结果显示第一行和第二行调用的是toString方法,第三行调用的是toLocaleString方法。

数组继承的toLocaleString()、toString()和valueOf()方法,在默认情况下,都会以逗号分隔字符串的形式返回数组项。通过join()方法,则可以使用不同的字符来分割字符串,然后返回包含所有数组项的字符串。

3. 栈方法

栈是一种后进先出(LIFO)的数据结构,栈中数据项的插入和移除只能发生在栈的顶部。JavaScript数组提供了push()和pop()方法用于实现类似于栈的行为。

push()方法

可以接收任意数量的参数,把它们添加到数组的末尾,并修改数组的长度。

从上面的例子可以看出,push()方法返回的插入的项数。

pop()方法

从数组的末尾移除最后一项,减少数组的长度,返回移除的项。

4. 队列方法

队列的数据结构的访问规则是先进先出(FIFO),即从队列的末端添加项,从队列的前端移除项。

shift()方法

JavaScript中提供了shift()方法,移除数组中的第一项并返回该项,同时修改数组的length属性。

unshift()方法

JavaScript 还提供了unshift()方法,能在数组前端添加任意个项并返回新数组的长度。

观察发现,如果一次unshift()中有多项,它会将这些项按照顺序插入到数组中,即第一个参数插入最前面。像上面的例子中那样,第一次插入“a”,第二次在数组的最前面插入“b”,第三次时有多项,但是顺序是c在前,d在后。

JavaScript:Array类型全面解析

5. 重排序方法

数组中提供了两个直接用来重排序的方法。

reverse()方法

reverse()方法会反转数组项的顺序。

sort()方法

在默认情况下,sort()方法按升序排列数组项。为了实现排序,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串。因此,sort()方法比较的是字符串。

然而,我们可以说这种排序基本是毫无意义的,我们需要的是对数值进行排序。sort()方法可以接收一个比较函数作为参数,以便指定排序规则。

比较函数接收两个参数,如果第一个参数应该位于第二个参数之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数位于第二个参数之后则返回一个正数。

6. 操作方法

concat()方法

可以基于当前数组中的所有项创建一个新数组。这个方法会创建一个当前数组的副本,然后将参数添加到副本的末尾,然后返回新构建的数组。如果传递给concat()方法的是一个或多个数组,则会将该数组中的每一项添加到数组中。

slice()方法

基于当前数组中的一或多个项创建一个新数组。slice()方法可以接收一个或两个参数,即要返回项的起始和结束位置。当只要一个参数,返回从起始项到数组末尾的所有项,当有两个参数时,返回起始位置和结束位置之间的项(不包括结束项)。slice()方法不会影响原数组。

splice()方法

splice()方法主要用于向数组的中部插入项,使用方式有3种:

&#; 删除 可以删除任意数量的项,指定2个参数:要删除的第一项和删除的项数,如:splice(1,3)会删除数组中的第2、3、4项

&#; 插入 可以向指定位置插入任意数量的项。指定3个参数:起始位置、0(要删除的项数)、要插入的项

&#; 替换 可以替换指定位置的项。指定3个参数:起始位置、要删除的项、要插入的任意项。

7. 位置方法

JavaScript中有两个位置方法:indexOf()方法和lastIndexOf()方法。这两个方法都接收两个参数:要查找的项和(可选)表示查找起点位置的索引。

indexOf()方法表示从数组的开头向后查找,lastIndexOf()则从数组的末尾开始向前查找。它们都返回查找的项在数组中的位置,如果没有找到则返回-1。在第一个参数与数组中的每一项比较时使用的是全等。

8. 迭代方法

JavaScript为数组提供了5个迭代方法。每个方法接收两个参数:要在每一项上运行的函数和(可选)运行该函数的作用域对象——影响this的值。需要传入的参数:数组项的值、该项在数组中的位置和数组对象本身。

&#;every(): 对数组中的每一项运行给定函数,如果该行数对每一项都返回true,则返回true

&#;filter(): 对数组中的每一项运行给定函数,返回会返回true的项组成的数组

&#;foreEach(): 对数组中的每一项运行给定函数,没有返回值

&#;map(): 对数组中的每一项运行给定函数,返回每次函数调用的结果组成的函数。

&#;some(): 对数组中的每一项运行给定函数,如果任一项返回true,则函数返回true

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

9. 归并方法

JavaScript中有两个归并数组的方法:reduce()和reduceRight()。这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中,reduce()方法从数组第一项开始,而reduceRight()则从数组的最后一项开始。

它们都可以接收两个参数:一个在每一项上调用的函数和(可选)作为归并基础的初始值。传递给reduce()和reduceRight()的函数接收4个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。

第一次执行回调函数,prev是1,cur是2。第二次,prev是3(1+2),cur是3(数组第三项的值),知道每一项都访问到。

reduceRight()的作用类似,只不过方向相反而已。

以上这篇JavaScript:Array类型全面解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

前端js文件合并的三种方式推荐 最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式。三个方式如下:1.一个大文件,所

JavaScript 数组some()和filter()的用法及区别 some方法array1.some(callbackfn[,thisArg])对数组array1中的每个元素调用回调函数callbackfn,当回调函数返回true或者遍历完所有数组后,some方法终止。可选参数this

有关JavaScript中call()和apply() 的一些理解 call()方法和apply()方法,在上层应用中用的不是很多,但在底层写JS框架的时候却常常看到。然后度娘谷哥一番,也发现好多达人写出了自己的理解和笔

标签: JavaScript:Array类型全面解析

本文链接地址:https://www.jiuchutong.com/biancheng/370056.html 转载请保留说明!

上一篇:JavaScript:Date类型全面解析(javascript date函数)

下一篇:前端js文件合并的三种方式推荐(合并多个js文件)

  • 安徽省增值税发票开票截止日期
  • 同一控制下的长期股权投资入账成本
  • 会计凭证审核的主要内容
  • 税控盘交服务费
  • 专用增值税发票和普通发票区别
  • 小规模纳税人减征增值税
  • 个人劳务报酬所得税率表
  • 企业所得税预缴计算方法
  • 在登记账簿时,应在记账凭证上注明所记账簿的页数
  • 融资的方式有哪两种类型
  • 商贸公司可以用加工厂的商标委托加工生产吗
  • 委托代销受托方怎么做账
  • 收到个税返还计入成本吗
  • 企业法人股东向个人借款能起诉查封公司财产吗
  • 贸易公司买进卖出
  • 房产印花税缴纳
  • 企业可以同时按一般纳税和按小规模纳税吗?
  • 车辆购置税计税价格含增值税吗
  • 信用减值损失借贷方向增减
  • 以前年度利润和当年净利润
  • 长期股权投资计提减值准备
  • 未竣工验收已交付使用的工程还需安全监管吗
  • 来料加工需要交税吗
  • 出口退税系统中的出口货物已补税未退税证明怎么填
  • mac电脑安装win10系统报错
  • windows7iis安装
  • 企业老板机票怎么报销记账
  • 销售返点怎么做分录
  • 前端获取当前地址
  • gradle视频教程
  • fbembed.dll
  • vue解决数据量过大的问题
  • 发票报销的账务怎么处理
  • 煤炭企业的会计科目
  • 以本年利润弥补以前年度亏损会影响所有者权益总额吗
  • thinkphp ajaxfileupload实现异步上传图片的示例
  • nginx配置tp5
  • 新星计划2021
  • vue computed set get
  • go语言入门指南
  • 记载资金的账簿
  • 农民专业合作社是什么性质
  • sql server 2008设置角色
  • 跨年发票一般分为哪几类
  • 公司的个人所得税是什么意思
  • mysql语句性能优化
  • 固定资产的入账价值包括进口关税吗
  • 在建工程结束后怎么处理
  • 一般纳税人购进免税农产品如何抵扣进项税额
  • 供应商折扣一次多少
  • 没开发票能确认没开发票能确认收入申报纳税吗?
  • 收到现金怎么做凭证
  • 债券票面利率与期限成正比
  • 待摊费用取消了怎么做账
  • 工程施工的主要事迹
  • 工会经费属于什么会计科目?
  • 红酒礼品盒批发
  • 实收资本怎么入账?
  • 工业企业的材料
  • 一个报表的格式主要包括( )
  • sql数据库检查命令
  • 盗版win10系统
  • Ubuntu修复安装
  • ubuntu怎么更改用户名
  • 微软平板电脑surface pro2参数
  • 系统之家一键重装系统教程
  • ubuntu鼠标不能移动
  • Linux进入图形界面卡顿
  • linux ftp搭建教程
  • cocos2d setTextureRect用法
  • 怎样从零开始
  • 比较漂亮的一个字
  • opengl绘图
  • python的删除命令
  • linux运行nginx
  • 深入浅出jquery
  • document对象常用方法
  • flask框架图
  • 百望税控盘电子发票怎么打
  • 小规模纳税人开3%专票怎么交税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设