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的开源工具PACKER2.0.2
Nov 04 Javascript
用脚本调用样式的几种方法
Dec 09 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
JavaScript常用脚本汇总(一)
Mar 04 Javascript
jQuery实现可用于博客的动态滑动菜单
Mar 09 Javascript
JS实现根据用户输入分钟进行倒计时功能
Nov 14 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
简述Vue中容易被忽视的知识点
Dec 09 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
PHP4之COOKIE支持详解
2006/10/09 PHP
PHP 中的批处理的实现
2007/06/14 PHP
PHP中phar包的使用教程
2017/06/14 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
小程序如何构建骨架屏
2019/05/29 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
Python入门之后再看点什么好?
2018/03/05 Python
Python3.6.2调用ffmpeg的方法
2019/01/10 Python
python实现登录密码重置简易操作代码
2019/08/14 Python
QML实现钟表效果
2020/06/02 Python
查看keras的默认backend实现方式
2020/06/19 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
html5菜单折纸效果
2014/04/22 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
.NET面试题:什么是反射
2016/09/30 面试题
毕业生简单求职信
2013/11/19 职场文书
个人安全生产责任书
2014/07/28 职场文书
建筑工地文明标语
2014/10/09 职场文书
安全承诺书格式范本
2015/04/28 职场文书
汶川大地震感悟
2015/08/10 职场文书
优秀党员主要事迹范文
2015/11/05 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python