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 基础回顾——数组的更多相关文章

  1. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  2. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  3. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  4. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  5. JavaScript基础回顾一(类型、值和变量)

    请看代码并思考输出结果 var scope = 'global'; function f(){ console.log(scope); var scope = 'local'; console.log ...

  6. javascript基础知识-数组

    1.javascript创建数组时无需声明数组大小或者在数组大小变化时重新分配 2.javascript数组是无类型的 3.数组元素不一定要连续 4.针对稀疏数组,length比所有元素的索引都要大 ...

  7. JavaScript基础——使用数组

    Array对象提供存储和处理一组其他对象的一种手段.数组可以存储数值.字符串或其他JavaScript对象.创建JavaScript数组有几种不同的方法.例如,下面的语句穿件同样的驻足的3个相同的版本 ...

  8. JavaScript基础回顾

    1, NaN 不是数字  Infinity 无穷大 alert(parseInt("dd")); //NaN alert(1/0); //Infinity 2, 逻辑或 || ,返 ...

  9. JavaScript 基础(二)数组

    字符串, JavaScript 字符串就是用'' 和""括起来的字符表示. 字符字面量, \n 换行, \t 制表, \b 退格, \r 回车, \f 进纸, \\ 斜杠,\' 单 ...

随机推荐

  1. browserCaps与浏览器功能设置

    使用 Web.config 文件中的 browserCaps 元素来定义浏览器的行为在 .NET Framework 2.0 中被否决,但仍受支持.此元素中的数据与浏览器定义文件 (.browser) ...

  2. 分布式系统设计权衡之CAP

    写在最前: 1.为什么学习并记录分布式设计理念一系列相关的东西 在日常工作中系统设计评审的时候,经常会有一些同事抛出一些概念,高可用性,一致性等等字眼,他们用这些最基本的概念去反驳系统最初的设计,但是 ...

  3. csharp:ASP.NET SignalR

    http://signalr.net/ https://github.com/SignalR/SignalR http://www.asp.net/signalr http://www.cnblogs ...

  4. Ant搭建 一键生成APP技术 平台

    1.博客概要 本文详细介绍了当今流行的一键生成APP技术.介绍了这种设计思想的来源,介绍了国内外的研究背景,并介绍了这个技术体系中的一些实现细节,欢迎各路大神们多提意见.一键生成技术,说的通俗点就是, ...

  5. ASP.NET MVC导出excel(数据量大,非常耗时的,异步导出)

    要在ASP.NET MVC站点上做excel导出功能,但是要导出的excel文件比较大,有几十M,所以导出比较费时,为了不影响对界面的其它操作,我就采用异步的方式,后台开辟一个线程将excel导出到指 ...

  6. entityframework学习笔记--003-使用model first

    首先,我个人觉得这(model first 即模型优先)是一个鸡肋似的功能.当赞扬着他的强大的功能的同时,你也会觉得这个功能好像是不是不怎么需要,也很少使用. 1.右键你的项目,选择"添加& ...

  7. .NET MVC 和 JAVA MVC有什么区别?

    两者的主要区别是编程语言的不同. 最典型的JAVA MVC就是JSP + servlet + javabean的模式.比较好的MVC,老牌的有Struts.Webwork.新兴的MVC 框架有Spri ...

  8. JavaEE中Web服务器、Web容器、Application服务器区别及联系

    在JavaEE 开发Web中,我们经常会听到Web服务器(Web Server).Web容器(Web Container).应用服务器(Application Server),等容易混淆不好理解名词. ...

  9. 《C#微信开发系列(1)-启用开发者模式》

    1.0启用开发者模式 ①填写服务器配置 启用开发模式需要先成为开发者,而且编辑模式和开发模式只能选择一个(进入微信公众平台=>开发=>基本配置)就可以看到以下的界面: 点击修改配置,会出现 ...

  10. js正则表达式图形化工具-rline

    github地址:https://github.com/finance-sh/rline 在线demo: http://lihuazhai.com/demo/test.html 这是一个js正则表达式 ...