位置: 编程技术 - 正文

javascript类型系统 Array对象学习笔记(javascript常用类型)

编辑:rootadmin

推荐整理分享javascript类型系统 Array对象学习笔记(javascript常用类型),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js中的类是什么,javascript类定义,javascript 基本类型,js中的类是什么,javascript几种类型,javascript 类型,javascript 类型,javascript 类型,内容如对您有帮助,希望把文章链接给更多的朋友!

数组是一组按序排列的值,相对地,对象的属性名称是无序的。从本质上讲,数组使用数字作为查找键,而对象拥有用户自定义的属性名。javascript没有真正的关联数组,但对象可用于实现关联的功能

  Array()仅仅是一种特殊类型的Object(),也就是说,Array()实例基本上是拥有一些额外功能的Object()实例。数组可以保存任何类型的值,这些值可以随时更新或删除,且数组的大小是动态调整的

一、数组创建

  与Javascript中的大多数对象一样,可以使用new操作符连同Array()构造函数,或者通过使用字面量语法来创建数组对象

【1】使用Array构造函数(在使用Array构造函数时,也可以省略New操作符),可以将数组实例的值传递给构造函数,以逗号分隔作为参数,Array()构造函数可以接收(大约亿)个参数

  如果只有一个参数:若传递的是数值,它将用来设置数组的长度;若传递的是其他类型的参数,则会创建包含那个值的只有一项的数组

【2】使用数组字面量表示法

二、数组操作

  在读取和设置数组的值时,要使用方括号并提供相应值的基于0的数字索引

  数组的长度length属性表示数组中值的数量,而数组的数字索引是从0开始的;且length属性可读可写,通过设置数组的Length属性,可以从数组的末尾移除项或向数组中添加新项。如果设置的长度高于数组中值的实际数量,将向数组中添加undefined值;若将长度值的数量设置为少于数组中的值的数量,可能会删除数组中的值

  当把一个值放在超出数组大小的位置上时,数组就会重新计算其长度值,即长度值等于最后一项的索引加1,Javascript将会使用undefined值填充当前索引之前的所有索引

[tips]利用length属性可以方便地在数组末尾添加新项

colors[colors.length] = 'black';

三、继承的方法

toString()

  返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串

valueof()

  返回的还是数组

toLocaleString()

  调用该方法时,数组的每一项的值调用的是toLocaleString()方法

四、实例方法

数组转换join()

  数组继承的toLocaleString()、toString()、valueOf()方法,在默认情况下都会以逗号分隔的字符形式返回数组项;而join()方法可以使用不同的分隔符来构建这个字符串,join()方法只接收一个参数,用作分隔符的字符串,然后返回包含所有数组项的字符串。如果不给join()方法传入任何值,或者传入undefined,则使用逗号作为分隔符

  [注意]如果数组中的某一项的值是null或者undefined,那么该值在join()、toLocaleString()、toString()和valueOf()方法返回的结果中以空字符串表示

数组检测  自从ES3做出规定之后,就出现了确定某个对象是不是数组的经典问题。一般的常见方法是使用instance操作符,但该方法有它的局限性;ES5专门新增了isArray()方法来检测数组

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

 但是,在不同框架中可以跨原型链调用toString()方法

  ES5新增了Array.isArray()方法,来最终确定某个值到底是不是数组,而不管它在哪个全局环境中创建的

Array.isArray()

javascript类型系统 Array对象学习笔记(javascript常用类型)

栈和队列push()

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

pop()

  从数组末尾移除最后一项,减少数组的length值,然后返回移除的项

shift()

  移除数组中的第一个项并返回该项,同时数组的长度减1(结合使用shift()和push()可以模拟队列)

unshift()

  在数组前端添加任意个项并返回新数组长度(结合使用unshift()和pop()从相反方向模拟队列)

  [注意]IE7-浏览器unshift()方法返回的总是undefined

排序方法reverse()

  反转数组的顺序,返回经过排序之后的数组;而原数组顺序也发生改变

sort()

  默认情况下,按字符串升序排列数组项,sort方法会调用每个数组项的toString()方法,然后比较得到的字符串排序,返回经过排序之后的数组,而原数组顺序也发生改变

  

[注意]sort()方法可以接受一个比较函数作为参数,以便指定哪个值在哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个参数之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个参数之后则返回一个正数

[tips]比较函数

对于数值类型或valueOf()方法会返回数值类型的对象类型,比较函数可以简化为:

[tips]创建一个随机数组

操作方法concat()

  基于当前数组中的所有项创建一个新数组,先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组(concat()不影响原数组)

  如果不给concat()方法传递参数时,它只是复制当前的数组;如果参数是一个或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中;如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾

slice()

  基于当前数组中的一个或多个项创建一个新数组,接受一个或两个参数,即要返回项的起始和结束位置,最后返回新数组(slice()不影响原数组)

  如果没有参数,则返回原数组;如果只有一个参数时,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项;若有两个参数时,该方法返回起始位置和结束位置之间的项,但不包括结束位置的项;若参数为负数时,则用数组长度加负数作为参数;若结束位置小于开始位置,则返回空数组

splice()

  原数组变为修改后的数组,而splice()返回从原数组中删除的项组成的数组,若无删除项则返回空数组。若第一个参数为负数时,则用数组长度加负数作为参数;若第二个参数为负数时,则用0作为参数

  [1]删除:两个参数为要删除的第一项的位置、要删除的项数

  [2]插入:三个参数为起始位置、0(要删除的基数)、要插入的项

  [3]替换:三个参数为起始位置、要删除的项数、要插入的项

位置方法  ES5为数组实例添加了两个位置方法indexOf()、lastIndexOf()。这两个方法都接收两个参数:要查找的项、表示查找起点位置的索引(可选)。返回第一个满足条件的查找项在数组中的位置,如果没有找到则返回-1(位置方法不会影响原数组)

  [注意]方法在比较参数时,使用的是全等操作符

indexOf()     从前向后查找lastIndexOf()   从后向前查找

[tips]返回满足条件的项的所有索引值

标签: javascript常用类型

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

上一篇:基于javascript实现根据身份证号码识别性别和年龄(基于javascript的毕业设计选题)

下一篇:javascript返回顶部的按钮实现方法(jquery返回顶部代码)

  • 带息负债融资成本率意义
  • 23年一般纳税人税收政策是什么
  • 积分兑换商品怎么入账
  • 电子发票限额多了怎么办
  • 即征即退项目的进项税额不参与加计抵减
  • 零售盘点窍门
  • 年终零余额账户有余额
  • 应付股利科目设置
  • 企业购进货物发生的下列相关税费中,应计入货物
  • 债权利息收入要交所得税吗
  • 预付账款 费用
  • 企业中由特定人员所承担的一项
  • 管理费用的明细科目怎么写
  • 收取的职工房租如何入账
  • 工业企业水电费如何分摊
  • 关于一般纳税人提供非学历教育服务适用简易计税
  • 税控系统技术维护费
  • 会计学堂值得购买吗
  • 没领税票会产生税吗
  • 退役士兵税收优惠政策
  • 税控设备实际抵减增值税时如何做分录?
  • 季度不超过30万免税分录
  • 专项扣除项目有上限吗
  • 工业增加值计算公式是什么
  • 去年年终奖
  • 64位windows系统下安装Memcache缓存
  • PHP:pg_lo_truncate()的用法_PostgreSQL函数
  • linux zen3
  • 退回已修改是什么意思
  • 前端项目中遇到的问题,如何解决
  • phpinclude
  • 大家掌握的都很好 英语
  • laravel启动流程
  • 史上最贵的微博
  • java web 购物车
  • chat功能
  • 语义分割入门教程
  • zenity命令 显示图形框
  • linux ar命令
  • 往来款项清查账务处理
  • 如何查询上年企业所得税
  • 公司承担员工的费用,员工违规吗
  • 为什么营业成本比营业收入大的时候没有计提减值准备呢
  • 织梦常用调用标签
  • MySQL Community Server压缩包安装配置方法
  • 帝国CMS根据不同会员组显示不同内容的方法
  • 简述清算机构的职责
  • 现金流量表算财务报表吗
  • 增值税税控系统技术维护费怎么抵扣
  • 编制弹性预算的关键在于
  • 小规模纳税人免税政策2023年
  • 无偿划转资产需要挂其他应收款吗
  • 房地产企业扣除土地价款如何申报
  • 以银行存款支付固定资产修理费
  • 流动资金周转次数计算公式
  • 固定资产无形资产处置损益计入
  • 进口向海关缴纳消费税
  • 施工企业项目部管理人员对外行为的法律后果由谁承担
  • 新冠肺炎疫情相关的公共政策
  • 银行余额调节表电子版
  • 新单位年终工作总结
  • sql删除多条记录
  • SQL 统计一个数据库中所有表记录的数量
  • 请问linux
  • windowsserver2003ftp服务器怎么搭建
  • linux系统配置命令
  • 微软推送win10更新 蓝牙
  • WIN10系统中软件打开找不到网络共享盘
  • linux ls常用命令
  • win7计算机快捷方式不见了
  • windows11内测版
  • android framework.jar
  • dos判断变量是否为空
  • unity3d应用开发
  • JavaScript驾驭网页-CSS与DOM
  • jquery移动端ui
  • 分析天平
  • Developing for Android, III: The Rules: Performance
  • jquery文档处理有哪些
  • 四川税务局发票下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设