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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
JavaScript的document对象和window对象详解
Dec 30 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
label+input实现按钮开关切换效果的实例
Aug 16 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
简单分析js中的this的原理
Aug 31 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
jQuery实现鼠标拖动图片功能
Mar 04 jQuery
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动态创建Flash动画
2006/10/09 PHP
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
PHP程序员最常犯的11个MySQL错误小结
2010/11/20 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
php字符串函数学习之substr()
2015/03/27 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
动态加载js的几种方法
2006/10/23 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
AngularJS基础学习笔记之指令
2015/05/10 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
JavaScript实现格式化字符串函数String.format
2016/12/16 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
教你用Python写安卓游戏外挂
2018/01/11 Python
Python 元类实例解析
2018/04/04 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
Linux的主要特性
2016/09/03 面试题
数控专业个人求职信范例
2013/11/29 职场文书
医大实习自我鉴定
2013/12/07 职场文书
留学推荐信怎么写
2014/01/25 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
三人合伙协议书范本
2014/10/29 职场文书
2014年电工工作总结
2014/11/20 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫
5个实用的JavaScript新特性
2022/06/16 Javascript