JavaScript 基础回顾——数组
JavaScript是无类型语言,数组元素可以具有任意的数据类型,同一个数组的不同元素可以具有不同类型。数组的元素设置可以包含其他数组,便于模拟创建多维数组。
1.创建数组
在JavaScript中,创建数组可以使用两种方式
(1)使用 "[]" 创建。
<script type="text/javascript">
var arr=[]; //创建空数组
var arr=['北京',0,true,'上海','代码里','www.daimali.com']; //创建带初始值的数组
</script>
(2)使用 new 关键字创建数组对象 Array()。
在JavaScript 1.1 版本之后,一般使用 new 关键字
<script type="text/javascript">
var arr=new Array(); //创建空数组
var arr=new Array('北京',0,true,'上海','代码里','www.daimali.com'); //创建带初始值的数组
</script>
2.数组元素
JavaScript中数组的元素可以是任何类型的数据。
(1)数组长度。
JavaScript数组的长度是可变的,可以通过Length属性获得。
<script type="text/javascript">
var a=new Array(); //创建空数组
var b=new Array('北京',0,true,'上海','代码里','www.daimali.com'); //创建带初始值的数组
a.Length //长度为0
b.Length //长度为6
</script>
(2)访问数组元素
JavaScript中访问数组的元素使用 [] 运算符,可以通过下标和关键字访问。遍历数组的元素可以使用循环语法或for..in语句。
<script type="text/javascript">
var arr=new Array('北京',0,true,'上海','代码里','www.daimali.com'); //创建带初始值的数组
writeln('第一个元素值为:'+arr[0]);//输出 北京
</script>
for...in
for(i in arr)
{
document.writeln('元素值为:'+arr[i]); //遍历输出数组值
}
3.多维数组
JavaScript中本来没有多维数组,但数组元素可以是任何类型的数据甚至另一个数组,可以非常方便的模拟多维数组。
(1)使用 new Array()创建多维数组
<script type="text/javascript">
var array1; var array2;
function createArr()
{
var one = new Array(3);
for(var i=0; i<one.length; i++)
{
one[i] = new Array(4);
for(var j=0;j< one[i].length; j++)
{
one[i][j] =(i+1) * (j+1);//为数组元素赋值
}
}
return one;// 返回创建的多维数组
}
</script>
(2)使用 [] 创建多维数组
array1=[ [1,2,3] , [5,8,9] , [7,'北京',8] ] //就是这么简单...
获取值得方式也简单: array1[0][1] => 1,
array1[0][2] => 2,
array1[2][1] => 北京
4.数组排序
在JavaScript中,数组可以直接使用Array对象的sort()方法,该方法允许传递一个排序函数作为参数。不过不传递参数,则按照 ASCII 字符顺序升序排序;否则,传递给该方法的函数必须返回负数,0 或正数,返回值表示相邻两个元素的比较结果,sort()方法按照比较结果排序。
<script>
var a= Array(10,215,324,3,1254,300);
a.sort(); //不传递参数 排序结果是: 10,215,324,3,1254,300
function sortfun(one, two)
{
return one - two;
}
a.sort(sortfun); //传递函数作为参数 排序结果为:3,10,215,300,324,1254
</script>
来源:代码里
链接:http://www.daimali.com/index.php/2016/04/28/335/
JavaScript 基础回顾——数组的更多相关文章
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- Javascript基础回顾 之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- JavaScript基础回顾一(类型、值和变量)
请看代码并思考输出结果 var scope = 'global'; function f(){ console.log(scope); var scope = 'local'; console.log ...
- javascript基础知识-数组
1.javascript创建数组时无需声明数组大小或者在数组大小变化时重新分配 2.javascript数组是无类型的 3.数组元素不一定要连续 4.针对稀疏数组,length比所有元素的索引都要大 ...
- JavaScript基础——使用数组
Array对象提供存储和处理一组其他对象的一种手段.数组可以存储数值.字符串或其他JavaScript对象.创建JavaScript数组有几种不同的方法.例如,下面的语句穿件同样的驻足的3个相同的版本 ...
- JavaScript基础回顾
1, NaN 不是数字 Infinity 无穷大 alert(parseInt("dd")); //NaN alert(1/0); //Infinity 2, 逻辑或 || ,返 ...
- JavaScript 基础(二)数组
字符串, JavaScript 字符串就是用'' 和""括起来的字符表示. 字符字面量, \n 换行, \t 制表, \b 退格, \r 回车, \f 进纸, \\ 斜杠,\' 单 ...
随机推荐
- 基于jQuery的自适应图片左右切换
效果预览:http://hovertree.com/code/jquery/smjv6d0n.htm 基于jQuery编写的横向自适应幻灯片切换特效 全屏自适应jquery焦点图切换特效,在IE6这个 ...
- Java中的可变长参数
可变长参数的定义 与一般方法没多大差别,只不过形参多了...(三个点) 方法名(数据类型 ... 变量名){} 小案例: public class ParamDemo { public static ...
- struts拓展restful
为restful开发的话,一定要设计到URL,struts正好是管理URL的 所以在struts的项目中用restful,要遵守struts的规则 rest在struts中对应的方法 上面是官方给出的 ...
- Python爬虫入门一之综述
大家好哈,最近博主在学习Python,学习期间也遇到一些问题,获得了一些经验,在此将自己的学习系统地整理下来,如果大家有兴趣学习爬虫的话,可以将这些文章作为参考,也欢迎大家一共分享学习经验. Pyth ...
- 自定义JsonResult解决 序列化类型 System.Data.Entity.DynamicProxies 的对象时检测到循环引用
接上篇的问题,给出我自己的解决方案. 同时推荐要学习MVC的可以参考下<ASP.NET MVC4 框架揭秘>. 首先,要自定义JSonResult,就要明白MVC中 JsonResult的 ...
- jquery自定义对话框alert、confirm和prompt
jQuery Alert Dialogs,又一个基于jQuery的提示框插件,主要包括Alert.Confirm.prompt这三种,还有一个高级范例,可以在提示框内嵌入HTML语言,可以自定义风格样 ...
- css制作漂亮彩带导航条菜单
点击这里查看效果:http://keleyi.com/keleyi/phtml/divcss/17.htm 效果图: 以下是源代码: <!DOCTYPE html PUBLIC "-/ ...
- html的meta总结,html标签中meta属性使用介绍
引用:http://www.haorooms.com/post/html_meta_ds 前言 meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta ...
- .html(),.text()和.val()的差异总结
.html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代 ...
- Dev Winform 简洁界面模板制作
今天看到Dev的安装程序,发现界面很漂亮如下图: 于是想到做个类似的简洁明了的界面出来,平常开发小程序什么的都方便很多. 1.首先是自己添加了一个XtraForm,我们发现它有点丑(我为了性能,习惯把 ...