位置: 编程技术 - 正文

JavaScript Array对象详解

编辑:rootadmin

推荐整理分享JavaScript Array对象详解,希望有所帮助,仅作参考,欢迎阅读内容。

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

本文介绍了Js的Array 数组对象,具体内容如下

目录1. 介绍:介绍 Array 数组对象的说明、定义方式以及属性。

2. 实例方法:介绍 Array 对象的实例方法:concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。

3. 静态方法:介绍 Array 对象的静态方法:Array.isArray()。

4. 实际操作:对 Array 进行示例操作:索引、for遍历、浅度复制、深度复制等操作。

一. 介绍1.1 说明

数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是无类型:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。 --《JavaScript权威指南(第六版)》

1.2 定义方式

1.3 属性

length:表示数组内的元素长度。

二. 实例方法常用方法:

1) unshift() :在数组头部插入元素

2) shift() :移除并返回数组的第一个元素

3) push() :在数组尾部插入元素

4) pop() :移除并返回数组的最后一个元素

2.1 concat() :把元素衔接到数组中。不会修改原先的array,返回新的数组

参数:

①value1,value2.....valueN :任意多个值

返回值:

{Array} 一个新的数组,包含原先的Array和新加入的元素。

示例:

2.2 every() :依次遍历元素,判断每个元素是否都为true

参数:

①function(value,index,self){} :每个元素都会使用此函数判断是否为true,当判断到一个为false时,立即结束遍历。

  value :数组遍历的元素

  index :元素序号

  self :Array本身

返回值:

{Boolean} :只有每个元素都为true才返回true;只要一个为false,就返回false。

示例:

2.3 filter() :依次遍历元素,返回包含符合条件元素的新的数组

参数:

①function(value,index,self){} :每个元素依次调用此函数,返回包含符合条件元素的新的数组。

  value :数组遍历的元素

  index :元素序号

  self :Array本身

返回值:

{Array} 一个包含符合条件元素的新的数组

示例:

2.4 forEach() :依次遍历元素,执行指定的函数;无返回值

参数:

①function(value,index,self){} :每个元素依次调用此函数

  value :数组遍历的元素

  index :元素序号

  self :Array本身

返回值:无

示例:

2.5 indexOf() :在数组中查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'

参数:

①value :要在数组中查找的值。

②start :开始查找的序号位置,如果省略,则为0.

返回值:

{Int} :返回数组中第一个匹配value的序号,若不存在,返回-1

示例:

2.6 join() :将数组中所有元素通过一个分隔符拼接为一个字符串

参数:

①sparator {String}:各元素之间的分隔符,如果省略,默认以因为英文逗号','分隔。

返回值:

{String} :各元素以sparator为分隔符,拼接而成的一个字符串。

示例:

2.7 lastIndexOf :在数组中反向查找匹配元素。若不存在匹配的元素时,就返回-1。查找的时候使用"==="运算符,所以要区分1和'1'

参数:

①value :要在数组中查找的值。

②start :开始查找的序号位置,如果省略,则从最后一个元素开始查找。

返回值:

{Int} :从右到左开始查找数组中第一个匹配value的序号,若不存在,返回-1

示例:

2.8 map() :依次遍历并计算每个元素,返回计算好的元素的数组

参数:

①function(value,index,self){} :每个元素依次调用此函数,返回计算好的元素

  value :数组遍历的元素

  index :元素序号

  self :Array本身

返回值:

{Array} 一个包含就算好的元素的新的数组

示例:

JavaScript Array对象详解

2.9 pop() :移除并返回数组的最后一个元素

参数:无

返回值:

{Object} 数组的最后一个元素;若数组为空,返回undefined

示例:

2. push() :把元素添加到数组尾部

参数:

①value1,value2.....valueN :任意多个值添加到数组尾部

返回值:

{int} 数组新的长度

示例:

2. reverse() :反转数组元素的顺序

参数:无

返回值:无(在原数组内进行元素顺序反转)。

示例:

2. shift() :移除并返回数组的第一个元素

参数:无

返回值:

{Object} 数组的第一个元素;若数组为空,返回undefined。

示例:

2. slice(startIndex,endIndex) :返回数组的一部分

参数:

①startIndex :开始处的序号;若为负数,表示从尾部开始计算,-1代表最后一个元素,-2倒数第二个,依此类推。

②endIndex : 结束处的元素后一个序号,没指定就是结尾。截取的元素不包含此处序号的元素,结尾为此处序号的前一个元素。

返回值:

{Array} 一个新的数组,包含从startIndex到endIndex前一个元素的所有元素。

示例:

2. sort(opt_orderFunc) :按一定的规则进行排序

参数:

①opt_orderFunc(v1,v2) {Function}:可选的排序规则函数。若省略,将按照元素的字母进行从小到大排序。

  v1 :遍历时前面的元素。

  v2 :遍历时后面的元素。

排序规则:

比较v1和v2,返回一个数字来表示v1和v2的排序规则:

小于0 :v1小于v2,v1排在v2的前面。

等于0 :v1等于v2,v1排在v2的前面。

大于0 :v1大于v2,v1排在v2的后面。

返回值:无(在原先数组里进行排序操作)。

示例:

2. splice() :插入、删除数组元素

参数:

①start {int} :开始插入、删除或替换的起始序号。

②deleteCount {int} :要删除元素的个数,从start处开始计算。

③value1,value2 ... valueN {Object} :可选参数,表示要插入的元素,从start处开始插入。若②参不为0,那么先执行删除操作,再执行插入操作。

返回值:

{Array} 返回一个包含删除元素的新的数组。若②参为0,表示没元素删除,返回一个空数组。

示例:

2. toString() :将数组中所有元素通过一个英文逗号','拼接为一个字符串

参数:无

返回值:

{String} 数组中所有元素通过一个英文逗号','拼接为一个字符串,并返回。与调用无参join()方法一样。

示例:

2. unshift() :在数组头部插入元素

参数:

①value1,value2.....valueN :任意多个值添加到数组头部

返回值:

{int} 数组新的长度

示例:

三. 静态方法3.1 Array.isArray() :判断对象是否为数组

参数:

①value {Object}:任意对象

返回值:

{Boolean} 返回判断结果。当为 true时,表示对象为数组;为false时,表示对象不是数组

示例:

四. 实际操作4.1 索引

说明:每个元素在数组中有一个位置,以数字表示,称为索引。索引是从0开始计,即第一个元素的索引为0,第二个元素的索引为1,依此类推;

当获取一个数组不存在的索引时,返回 undefined。

示例:

4.2 for 语句

说明:可以通过for语句逐个遍历数组

示例:

4.3 浅度复制

说明:Array类型是一种引用类型;当数组a复制给数组b时,对数组b进行元素修改,数组a也会发生修改。

示例:

4.4 深度复制

说明:使用concat()方法,返回新的数组;防止浅度复制的情况发生,对数组b进行元素修改操作,数组a不发生变更。

示例:

4.5 判断2个数组是否相等

说明:Array数组为引用类型,所以哪怕 []===[] 都会返回false,所以可通过数组toString()方法返回的字符串判断是否相等。

示例:

标签: JavaScript Array对象详解

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

上一篇:原生javascript实现解析XML文档与字符串(js原生dialog)

下一篇:JavaScript常用函数工具集:lao-utils(javascript中函数)

  • 房地产开发企业资质等级有几个
  • 杭天金税财务软件多少钱
  • 个税手续费发给个人怎么做账
  • 上年多做收入今年可以直接冲减吗
  • 审计查账查什么
  • 其他收益和营业收益
  • 分支机构属于小型微利企业吗
  • 委托加工物资需要计提存货跌价准备吗
  • 非货币性交换需要确认主营业务收入吗
  • 土地结转会计分录是什么
  • 未开收入下月开票怎样做分录
  • 用货物抵债如何做分录
  • 购进的固定资产多少金额可以直接进去费用
  • 差错更正要调去年的吗
  • 车船税法律制度的规定什么是以每米为计税依据的
  • 未给对方开票对方举报情况怎么写
  • 增值税申报表第31栏为什么有数字
  • 去年的税还能退吗
  • 增长率的六个公式
  • 财产收购的税务处理
  • 年终汇算清缴怎么计算
  • 代缴社保工资怎么做账
  • 旅行社代订机票发票报销
  • 原材料计入什么账本
  • 认缴制度下实收资本确认条件
  • 货款已经收到
  • 登陆对话框不能输入
  • u盘加载缓慢
  • php网页运行原理
  • win7 无法 启动
  • 财务里计提是什么意思
  • 以租代购算固定资产吗
  • 第36届大众电影百花奖直播回放
  • 什么叫存量房转移登记
  • php字符串型数据的定义方式
  • 公司培训赔偿
  • php rediscluster
  • 在我国,企业可以用税前利润弥补几年内的损失
  • 老生常谈造句
  • idea 创建maven项目读取pom报错
  • 个体工商户可以给自己交社保吗
  • 企业投资入股要交多少税
  • 金税盘每年服务费
  • 帝国cms模板怎么样用
  • 汽车维修公司做账基本流程
  • 红冲以前年度的费用怎么做账
  • 固定资产清理的含义
  • 什么是全面预算控制?全面预算控制的作用有哪些?
  • 营改增后还有建筑业发票吗
  • 公司对公账户没钱了辞退员工
  • 折扣的种类有哪几种
  • 预提成本费用的会计分录
  • 物流公司的会计怎么样
  • 香港公司账户收美元要交税吗
  • MySQL5.6下windows msi安装详细介绍
  • win8开机错误
  • windows10预览
  • win10正式版激活码
  • FreeBSD架? FTP
  • ie10和ie11
  • win10系统哪款好
  • macos 音量快捷键
  • win7系统玩游戏卡顿怎么办
  • win7玩不了cf
  • linux 互传文件
  • win8.1系统更新
  • Android游戏开发入门
  • jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
  • 备份引导分区
  • cocos2d schedule
  • opengl 2
  • html通配符选择器怎么用
  • vue2.0与bootstrap3实现列表分页效果
  • js实现时间
  • Unity小贴士 导出资源文件和简单加密方式
  • 果断收藏9个Javascript代码高亮脚本
  • 说一说我下乡插队时的那点事
  • 下午税务局几点上班
  • ca钥匙登陆不了电子税务局
  • 购电脑折旧的会计分录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设