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 相关文章推荐
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
Oct 28 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
一个简易的js图片轮播效果
Jul 22 Javascript
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
php时间戳格式化显示友好的时间函数分享
2014/10/21 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
深入理解python try异常处理机制
2016/06/01 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Python实现的端口扫描功能示例
2018/04/08 Python
pycharm创建一个python包方法图解
2019/04/10 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
Python QT组件库qtwidgets的使用
2020/11/02 Python
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
旅游管理实习自我鉴定
2013/09/29 职场文书
高三自我鉴定
2013/10/23 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
企业文化学习心得体会
2016/01/21 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
MySQL常用慢查询分析工具详解
2022/08/14 MySQL