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 相关文章推荐
新浪中用来显示flash的函数
Apr 02 Javascript
js常用排序实现代码
Dec 28 Javascript
js 自动播放的实例代码
Nov 19 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
May 19 Javascript
JavaScript中对JSON对象的基本操作示例
May 21 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 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实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
python实现文件的备份流程详解
2019/06/18 Python
Python利用requests模块下载图片实例代码
2019/08/12 Python
Python新手学习标准库模块命名
2020/05/29 Python
python 绘制场景热力图的示例
2020/09/23 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
国际书籍零售商:Wordery
2017/11/01 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
高中自我鉴定范文
2013/11/03 职场文书
在校学生职业规划范文
2014/01/08 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
社区文艺活动方案
2014/08/19 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
招商银行收入证明
2015/06/17 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android