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 相关文章推荐
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
javascript 循环调用示例介绍
Nov 20 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
JavaScript严格模式下关于this的几种指向详解
Jul 12 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
Nov 28 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
JS代码优化的8点建议
Feb 04 Javascript
es6函数之尾调用优化实例分析
Apr 25 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小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
vue.js实例todoList项目
2017/07/07 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
js代码实现轮播图
2020/05/04 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[05:39]2014DOTA2西雅图国际邀请赛 淘汰赛7月14日TOPPLAY
2014/07/14 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
Python字典的核心底层原理讲解
2019/01/24 Python
python中yield的用法详解——最简单,最清晰的解释
2019/04/04 Python
python rsa实现数据加密和解密、签名加密和验签功能
2019/09/18 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
基于Python把网站域名解析成ip地址
2020/05/25 Python
python缩进长度是否统一
2020/08/02 Python
Python eval函数介绍及用法
2020/11/09 Python
Expedia西班牙:预订酒店、机票、旅行和廉价度假套餐
2019/04/10 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
高中学生期末评语
2014/04/25 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书