JavaScript数组的定义及数字操作技巧


Posted in Javascript onJune 06, 2016

一、数组的介绍

数组中的元素类型可以是数字型、字符串型、布尔型等,甚至也可以是一个数组。

二、定义数组

1、通过数组的构造函数来定义数组:

 var arr=new Array();


var arr=new Array(size);


var arr=new Array(element1,element2,...);

2、直接定义数组:

var arr=["字符串",true,13]; 

ps: 和Object一样,此写法不会调用Array()构造函数。

三、数组元素

1、存取数组元素:通过存取运算符[] 如:arr[2];

2、添加数组元素:直接为数组元素赋值。

3、删除数组元素:

 数组元素一旦被定义,就不能被删除。使用delete运算符只能删除数组元素的值,使元素值变为undefined,但是并不能删除一个数组元素,不能让数组中的元素减少。

4、数组元素的个数:数组长度。array.length

四、数组的方法

toString():将数组转换为字符串

join():将数组元素连接成字符串,自动以逗号作为连接符来连接数组元素。 1,2,3

join(str):将数组元素连接成字符串,以str作为连接符来连接数组元素。 join(-):1-2-3

  栈方法:

push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

pop():从数组末尾移除最后一个元素,减少数组的length值,然后返回移除的元素。

  队列方法: 

push():在数组尾部添加元素,返回值为添加元素之后的数组长度。

shift():从数组前端移除一个元素,减少数组的length值,然后返回移除的元素。并将余下的所有元素都向前移1位。

unshift():从数组前端添加一个元素,返回值为添加元素之后的数组长度(IE浏览器不支持返回值,返回undefined)。an

排序:

     reverse():反转

sort():按字符编码的顺序排序

sort(order):order参数必须是一个函数,该函数应该有两个参数。

//正序排序
function ascOrder(value1, value2) { 
if (value1 < value2) { 
return -1;
} else if (value1 > value2) { 
return 1;
} else { 
return 0;
}
//倒序排序
function descOrder(value1, value2) { 
if (value1 < value2) { 
return 1;
} else if (value1 > value2) { 
return -1;
} else { 
return 0;
}
var box = [0,1,5,10,15]; 
box.sort(ascOrder); 
box.sort(descOrder);

  操作方法:

concat():添加元素并生成新数组,原数组长度不变化。

splice():删除、替换或插入数组元素。

splice(start,count,value,...):start:开始位置;count:元素个数

slice(start,end):返回数组中的一部分。

toLocalString():转换为当地字符串。

以上所述是小编给大家介绍的JavaScript数组的定义及数字操作技巧的相关知识,希望对大家有所帮助!

Javascript 相关文章推荐
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
JS实现页面载入时随机显示图片效果
Sep 07 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
Jan 04 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
Vue项目全局配置微信分享思路详解
May 04 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
jquery检测上传文件大小示例
Apr 26 jQuery
浅析$.getJSON异步请求和同步请求
Jun 06 #Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 #Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 #Javascript
深入理解JavaScript 函数
Jun 06 #Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 #Javascript
javascript url几种编码方式详解
Jun 06 #Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 #Javascript
You might like
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python读取文件名称生成list的方法
2018/04/27 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
学习委员自我鉴定
2014/01/13 职场文书
应聘面试自我评价
2014/01/24 职场文书
2015年端午节活动总结
2015/02/11 职场文书
工程质量保证书
2015/05/09 职场文书
中小企业员工手册范本
2015/05/14 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
Java中的随机数Random
2022/03/17 Java/Android
Redis分布式锁的7种实现
2022/04/01 Redis