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 相关文章推荐
jQuery1.6 类型判断实现代码
Sep 01 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
Aug 22 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
May 28 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
使用Angular CLI生成路由的方法
Mar 24 Javascript
jquery获取img的src值实例介绍
Jan 16 jQuery
JSON的parse()方法介绍
Jan 31 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
javascript编程起步(第一课)
2007/01/10 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
js中eval详解
2012/03/30 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
2017/08/16 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
Vue实现点击显示不同图片的效果
2019/08/10 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
2020/04/25 Javascript
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
Python模块的制作方法实例分析
2019/12/21 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
关于保护环境的标语
2014/06/09 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
关于环保的宣传稿
2015/07/23 职场文书
百年校庆感言
2015/08/01 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
mysql sql常用语句大全
2022/06/21 MySQL