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 相关文章推荐
Javascript 日期处理之时区问题
Oct 08 Javascript
jQuery 方法大全方便学习参考
Feb 25 Javascript
使用JQuery和CSS模拟超链接的用户单击事件的实现代码
May 23 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
解决layer图标icon不加载的问题
Sep 04 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 Undefined index报错的修复方法
2011/07/17 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP ajax+jQuery 实现批量删除功能实例代码小结
2018/12/06 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
JavaScript Timer实现代码
2010/02/17 Javascript
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
JavaScript中getUTCSeconds()方法的使用详解
2015/06/11 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
vue2.0多条件搜索组件使用详解
2020/03/26 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
python简单猜数游戏实例
2015/07/09 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
python之语音识别speech模块
2020/09/09 Python
浅析python函数式编程
2020/09/26 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
MYSQL基础面试题
2012/05/13 面试题
Ruby如何定义一个类
2012/10/08 面试题
项目经理任命书内容
2014/06/06 职场文书
合作协议书范文
2014/08/20 职场文书
重阳节活动总结
2014/08/27 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS