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下过滤数组重复值的代码
Sep 10 Javascript
一个小型js框架myJSFrame附API使用帮助
Jun 28 Javascript
简单的jquery拖拽排序效果实现代码
Sep 20 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
Jan 04 Javascript
canvas绘制七巧板
Feb 03 Javascript
100多个基础常用JS函数和语法集合大全
Feb 16 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
从0到1构建vueSSR项目之路由的构建
Mar 07 Javascript
JS中==、===你分清楚了吗
Mar 04 Javascript
VsCode里的Vue模板的实现
Aug 12 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 采集程序中常用的函数
2009/12/09 PHP
PHP explode()函数用法、切分字符串
2012/10/03 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
微信支付开发发货通知实例
2016/07/12 PHP
PHP严重致命错误处理:php Fatal error: Cannot redeclare class or function
2017/02/05 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
vue实现动态数据绑定
2017/04/28 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
python爬取安居客二手房网站数据(实例讲解)
2017/10/19 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
2019/11/07 Javascript
python encode和decode的妙用
2009/09/02 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
使用python实现BLAST
2018/02/12 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
软件测试工程师面试问题精选
2016/10/28 面试题
什么是抽象
2015/12/13 面试题
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
经营理念口号
2014/06/21 职场文书
校车安全责任书
2014/08/25 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
天那边观后感
2015/06/09 职场文书
2016中秋节问候语
2015/11/11 职场文书
关于Python中进度条的六个实用技巧分享
2022/04/05 Python