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实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 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 和 XML: 使用expat函数(一)
2006/10/09 PHP
php实现自定义中奖项数和概率的抽奖函数示例
2017/05/26 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
2013/04/22 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
vue下跨域设置的相关介绍
2017/08/26 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
python实现用于测试网站访问速率的方法
2015/05/26 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
python对于requests的封装方法详解
2019/01/03 Python
windows下python安装pip方法详解
2020/02/10 Python
python使用ctypes库调用DLL动态链接库
2020/10/22 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
animation和transition的区别
2020/10/12 HTML / CSS
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
办公室综合文员岗位职责范本
2014/02/13 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
Redis数据同步之redis shake的实现方法
2022/04/21 Redis
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL