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 相关文章推荐
js 为label标签和div标签赋值的方法
Aug 08 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
Jan 12 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
Angular2入门--架构总览
Mar 29 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
javascript+Canvas实现画板功能
Jun 23 Javascript
原生js中运算符及流程控制示例详解
Jan 05 Javascript
Vue项目打包部署到apache服务器的方法步骤
Feb 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安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
2009/12/07 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
js获取内联样式的方法
2015/01/27 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
Javascript实现信息滚动效果
2017/05/18 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
JS随机密码生成算法
2019/09/23 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
Python线程中对join方法的运用的教程
2015/04/09 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
英国天然抗衰老护肤品品牌:Nakin Skin Care
2019/04/16 全球购物
Java基础知识面试题
2014/03/25 面试题
高三毕业典礼主持词
2014/03/27 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
公务员培的训心得体会
2014/09/01 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
三方股东合作协议书
2014/10/28 职场文书
统计工作个人总结
2015/03/03 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL
python内置模块之上下文管理contextlib
2022/06/14 Python