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 相关文章推荐
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
js调用css属性写法
Sep 21 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
浅谈JavaScript中null和undefined
Jul 09 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
vue双向绑定简要分析
Mar 23 Javascript
关于Vue实现组件信息的缓存问题
Aug 23 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 Javascript
前端开发基础javaScript的六大作用
Aug 06 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 Javascript
浅析$.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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
PHP中防止SQL注入攻击和XSS攻击的两个简单方法
2010/04/15 PHP
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
PHP中返回引用类型的方法
2015/04/03 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
JS判断字符串字节数并截取长度的方法
2016/03/05 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
Django rest framework jwt的使用方法详解
2019/08/08 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
基于keras输出中间层结果的2种实现方式
2020/01/24 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
学习十八大标语
2014/10/09 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
个人思想政治总结
2015/03/05 职场文书
单位证明范文
2015/06/18 职场文书
2015年教师节主持词
2015/07/03 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书