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 相关文章推荐
用js实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
js数组操作学习总结
Nov 04 Javascript
Javascript玩转继承(一)
May 08 Javascript
从零学jquery之如何使用回调函数
May 16 Javascript
一个判断抢购时间是否到达的简单的js函数
Jun 23 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
js Canvas绘制圆形时钟效果
Feb 17 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
微信小程序 跳转方式总结
Apr 20 Javascript
webpack3之loader全解析
Oct 26 Javascript
Vue开发环境跨域访问问题
Jan 22 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/12/29 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
详解react服务端渲染(同构)的方法
2017/09/21 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
vue中v-model的应用及使用详解
2018/06/27 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
2019/11/09 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
一个检测OpenSSL心脏出血漏洞的Python脚本分享
2014/04/10 Python
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
浅谈python中set使用
2016/06/30 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
师范生实习自我鉴定
2013/11/01 职场文书
出生证明公证书
2014/04/09 职场文书
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL