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 相关文章推荐
Prototype 工具函数 学习
Jul 23 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 Javascript
JavaScript实现星级评价效果
May 17 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 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 文件上传全攻略
2010/04/28 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
webpack常用配置项配置文件介绍
2016/11/07 Javascript
nodejs基础应用
2017/02/03 NodeJs
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
Vuex 模块化使用详解
2019/07/31 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
[37:22]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第一局
2016/02/28 DOTA
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python+Django实现防止SQL注入的办法
2019/10/31 Python
努比亚手机官网:nubia
2016/10/06 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
夜大自我鉴定
2013/10/31 职场文书
高三历史教学反思
2014/01/09 职场文书
优秀辅导员事迹材料
2014/02/16 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
2015年暑假工作总结
2015/07/13 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python
Nginx HTTP跳转至HTTPS
2022/05/15 Servers