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 相关文章推荐
JS效率个人经验谈(8-15更新),加入range技巧
Jan 09 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
Sep 17 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
axios拦截设置和错误处理方法
Mar 05 Javascript
js统计页面上每个标签的数量实例代码
May 29 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
Vue中component标签解决项目组件化操作
Sep 04 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 Javascript
JavaScript实现手风琴效果
Feb 18 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
LNMP部署laravel以及xhprof安装使用教程
2017/09/14 PHP
checkbox 多选框 联动实现代码
2008/10/22 Javascript
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
PHP配置文件php.ini中打开错误报告的设置方法
2015/01/09 PHP
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
浅谈Javascript中的Label语句
2016/12/14 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
2017/09/26 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
python中的for循环
2018/09/28 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
证婚人经典证婚词
2014/01/09 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
医院合作协议书
2014/08/19 职场文书
停发工资证明范本
2015/06/12 职场文书
2019年二手房买卖合同范本
2019/10/14 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
MySQL 分组查询的优化方法
2021/05/12 MySQL
详解Python自动化之文件自动化处理
2021/06/21 Python
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL
使用Python解决图表与画布的间距问题
2022/04/11 Python