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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
jQuery实现id模糊查询的小例子
Mar 19 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
vue打包时去掉所有的console.log
Apr 10 Vue.js
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 UTF8中文字符截断函数代码
2012/09/11 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
浅析PHP7的多进程及实例源码
2019/04/14 PHP
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
2016/08/11 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
Python算法应用实战之队列详解
2017/02/04 Python
python os模块简单应用示例
2019/05/23 Python
python 3.7.4 安装 opencv的教程
2019/10/10 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
Python 通过正则表达式快速获取电影的下载地址
2020/08/17 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
个人教师自我评价范文
2013/12/02 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
会计与出纳自荐书范文
2014/03/16 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
2014年中秋寄语
2014/08/11 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
民主生活会意见
2015/06/05 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
python元组打包和解包过程详解
2021/08/02 Python
Python中的datetime包与time包包和模块详情
2022/02/28 Python