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学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 Javascript
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
js 窗口抖动示例
Sep 04 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
vue实现拖拽效果
Dec 23 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 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
PHP 日期时间函数的高级应用技巧
2009/10/10 PHP
yii中widget的用法
2014/12/03 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
js实现的早期滑动门菜单效果代码
2015/08/27 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
纯JS实现弹性导航条效果
2017/03/06 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
js实现移动端轮播图
2020/12/21 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
2019/09/06 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
JavaScript代码实现简单计算器
2020/12/27 Javascript
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
python自然语言编码转换模块codecs介绍
2015/04/08 Python
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python字典简介以及用法详解
2016/11/15 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Python 私有化操作实例分析
2019/11/21 Python
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
母亲节感恩活动记录
2014/03/16 职场文书
安全生产承诺书
2014/03/26 职场文书
小班开学寄语
2014/04/04 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
React配置子路由的实现
2021/06/03 Javascript
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python
JavaCV实现照片马赛克效果
2022/01/22 Java/Android