javascript中Array()数组函数详解


Posted in Javascript onAugust 23, 2015

在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活、强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改。

Array()是一个用来构建数组的内建构造器函数。数组主要由如下三种创建方式:

array = new Array()
array = new Array([size])
array = new Array(element0, element1, ..., elementN)

参数

参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。

当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象方法

Array 对象属性

concat()方法:

合并数组

[1,2]concat([3,4],[5,6]);//[1,2,3,4,5,6]

join()方法:

<script type="text/javascript">
 var a = [1,2,3];
 a.join("");// =>"123"
</script>

pop()方法:

移除数组最后一个元素,并将其返回

<script type="text/javascript">
 var fruits = ['apple','banana','pineapple'];
 fruits.pop();// pineapple 
 console.log(fruits);//["apple","banana"]
</script>

shift()方法:

删除并返回数组的第一个元素。

<script type="text/javascript">
 var a = [1,2,3];
 a.shift();//1
 console.log(a);//[2,3]
</script>

slice(start,end)

方法:截取数组的某一部分,不会对原数组进行任何修改。

<script type="text/javascript">
  var num = ['a','b','c','d','e'];
  console.log(num.slice(1,4));//["b","c","d"]
  console.log(num);//["a","b","c","d","e"]
</script>

splice(start,delete_count,i1,i2…)

方法:删除数组元素的同时添加新的元素。i1,i2为要插入的新元素

<script type="text/javascript">
 var arr = ['js','css','html','php','c'];
 arr.splice(1, 2,'python','jquery');//["css","html"]
 console.log(arr);//["js","python","jquery""php","c"]
</script>

以上内容就是给大家介绍关于javascript中Array()数组函数详解,希望对大家有所帮助。

Javascript 相关文章推荐
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
Dec 27 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
jQuery中:text选择器用法实例
Jan 03 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
浅谈JavaScript中指针和地址
Jul 26 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
vue+koa2实现session、token登陆状态验证的示例
Aug 30 Javascript
vue中动态select的使用方法示例
Oct 28 Javascript
js实现录音上传功能
Nov 22 Javascript
jquery+css实现的红色线条横向二级菜单效果
Aug 22 #Javascript
js实现的二级横向菜单条实例
Aug 22 #Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
Aug 22 #Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 #Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 #Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 #Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 #Javascript
You might like
php 全文搜索和替换的实现代码
2008/07/29 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
brook javascript框架介绍
2011/10/10 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
详解基于Node.js的HTTP/2 Server实践
2018/05/31 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
基于python3 的百度图片下载器的实现代码
2019/11/05 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
Python Celery异步任务队列使用方法解析
2020/08/10 Python
python调用百度API实现人脸识别
2020/11/17 Python
全球最大的户外用品零售商之一:The House
2018/06/12 全球购物
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
NET程序员上机面试题
2015/05/23 面试题
小学二年级评语
2014/04/21 职场文书
英语系本科生求职信
2014/07/15 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
2014年共青团工作总结
2014/12/10 职场文书