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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
JS+css 图片自动缩放自适应大小
Aug 08 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
JS实现禁止鼠标右键的功能
Oct 15 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
使用FileReader API创建Vue文件阅读器组件
Apr 03 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 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
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
jQuery实现的手风琴侧边菜单效果
2017/03/29 jQuery
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
2018/10/02 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
微信小程序中的列表切换功能实例代码详解
2020/06/09 Javascript
python机器学习之神经网络(一)
2017/12/20 Python
python flask中静态文件的管理方法
2018/03/20 Python
Python如何重新加载模块
2020/07/29 Python
简单的命令查看安装的python版本号
2020/08/28 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
尤为Wconcept中国官网:韩国设计师品牌服饰
2019/01/10 全球购物
含精油的天然有机化妆品:Indemne
2019/08/27 全球购物
简述数组与指针的区别
2014/01/02 面试题
实习生体会的自我评价范文
2013/11/28 职场文书
职位说明书范文
2014/05/07 职场文书
创建文明城市标语
2014/06/16 职场文书
2014年宣传工作总结
2014/11/18 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS