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 相关文章推荐
javascript 树控件 比较好用
Jun 11 Javascript
javascript数组输出的两种方式
Jan 13 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
Vue+Flask实现图片传输功能
Apr 01 Vue.js
浅析$.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
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
PHP7 弃用功能
2021/03/09 PHP
HR vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
Bootstrap导航中表单简单实现代码
2017/03/06 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
python程序封装为win32服务的方法
2021/03/07 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python连接字符串过程详解
2020/01/06 Python
python进度条显示之tqmd模块
2020/08/22 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
毕业生动漫设计求职信
2013/10/11 职场文书
破坏寝室公物检讨书
2014/11/17 职场文书
2014年财政局工作总结
2014/12/09 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js