JavaScript之数组学习

在JavaScript中,数组用关键字Array来声明。声明数组的同时还可以指定数组初始元素的大小,也就是数组的长度;下面代码定义了一个数组长度为6的数组;

var beatles=Array(6);

当然在JavaScript里面可以不声明数组的长度,这完全是可以的!下面代码为没有定义长度的数组,理论上你往里面添加多少元素都没问题;

var beatles=Array();

分析以下代码:

var array = Array(2);
array[0] = "H";
array[1] = "E";
array[2] = "L";
array[3] = "L";
array[4] = "O";
alert(array.length);

这段代码定义了一个长度为2的数组,但是实际却给它添加了5个值,超出开始定义的长度,浏览器试运行,输出5,但是js报错uncaught exception: out of memory,超出数组定义的长度;

给数组赋值的方式一共有三种,下面是具体代码:

1.通过数组下标来给数组赋值

var array = Array();
array[0] = "H";
array[1] = "E";
array[2] = "L";
array[3] = "L";
array[4] = "O";

2.在声明数组的同时给数组赋值

var array = Array("H", "E", "L", "L", "O");

3.我们甚至不用明确表明我们是在创建数组,只需用一对双括号把各个初始值的初始值括起来就行了;

var array = ["H", "E", "L", "L", "O"];

Important:数组的元素类型;

1.数组的元素类型不必非得是字符串,可以是数值,可以使bool值;

var array = ["A", false, 12, 1245.1];
for (var i = 0; i < array.length; i++) {
   alert(array[i]);
}

依次输出:A,false,12,1245.1;    他们都是不同的数据类型;

2.数组的元素可以是一个变量;

var param = "change";
var array = ["A", false, 12, param];
for (var i = 0; i < array.length; i++) {
    alert(array[i]);
}

依次输出:A,false,12,change;  输出param的变量值;

3.数组的元素可以是另一个数组的元素;

var param = "change";
var array = ["A", false, 12, param];
var beatles = ["B", true, 36];
array[0] = beatles[1];
for (var i = 0; i < array.length; i++) {
     alert(array[i]);
}

依次输出:true,false,12,change;    这里注意原先的值会被覆盖A被覆盖成true;

4.数组的元素还可以是另一个数组

var param = "change";
var array = ["A", false, 12, param];
var beatles = ["B", true, 36];
array[0] = beatles;
for (var i = 0; i < array.length; i++) {
     alert(array[i]);
}

依次输出:"B,true,36",false,12,change;   注意若要输出beatles数组中的某一个元素,代码如下:

alert(array[0][1]);

总结到这,之前所用到的数组都是传统数组,每个元素的下标是一个数字,每次往数组中增加一个元素,下标就加一,如果在填充数据的时候只给出元素的值,这个数组将是一个传统数组,他的各个元素的下标将被自动创建个刷新;

关联数组:根据上面的总结得出,我们可以通过在填充数组时,为每个新元素明确的给出下标来改变这种默认的行为;在为新元素给出下标时,不必局限于使用整数,可以使用字符串,如下代码所示:

var lenovo = Array();
lenovo["name"] = "联想";
lenovo["year"] = "1994";
lenovo["living"] = false;
alert(lenovo.length);

这就是关联数组。由于可以使用字符串来代替数字值下标,因而代码更具可读性,但是这种用法并不是一个好习惯,不推荐使用。在JavaScript中,事实上所有的变量都是某种类型的对象,比如一个布尔值,就是一个Boolean类型的对象,一个数组就是一个Array类型的对象。在上面那段代码中,实际上是给lenove数组对象添加了name,year,living,三个属性;一般情况下,我们不应该修改Array对象的属性;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏积累沉淀

Java设计模式(十九)----备忘录模式

备忘录模式 一、 概念 二、 结构 三、 分类 1.”白箱”备忘录模式的实现 2.“黑箱”备忘录模式的实现 3.“多重”检查点 4....

20590
来自专栏积累沉淀

js监控输入密码检测大写键盘是否锁定

? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="...

25550
来自专栏Micro_awake web

javascript(三):对象

 对象(object)是javascript中很重要的数据类型。对象是“键值对”的集合,同时也是无序的。(注意:对象结尾处有分号) 1 var ob1={ ...

216100
来自专栏Micro_awake web

JavaScript(四):运算符&数据类型转换

+:算符的加法;连接字符串 加法会将其它类型的值,自动转为字符串,然后再进行连接运算! 1 var a=1+2; 2 console.log('first:...

20960
来自专栏Micro_awake web

javascript(二):数据类型&数值

第一部分:数据类型 javascript数据类型通常来说是6种(ES6新增第七种Symbol类型) number:数值 string:字符串 boolean:布...

21550
来自专栏Micro_awake web

JavaScript(五):函数(闭包,eval)

1.函数的申明:三种方法: function命令 函数表达式:变量赋值 Function构造函数 1 //method 1: function命令 2 fu...

274100
来自专栏Micro_awake web

JavaScript(六):错误处理机制

1.Error()构造函数 javascript解析或执行语句时,一旦发生错误,js引擎会将其抛出! JavaScript原生提供了Error()构造函数,所有...

20680
来自专栏Micro_awake web

JavaScript正则表达式(Regular Expression):RegExp对象

第一部分:新建正则表达式 JavaScript中正则表达式是参照Perl 5(一门历史很悠久的语言,现在tiobe编程语言排行依然在10名左右)建立的。 新建正...

22450
来自专栏Micro_awake web

javascript(一):javascript基本介绍及基本语法

什么是javascript? javascript是一种直译型脚本语言,是一种动态类型、弱类型、基于原型的语言。(所谓“脚本语言”:指的是它不具有开发操作系统的...

22080
来自专栏Micro_awake web

JavaScript OOP(一)之构造函数与new命令

 面向对象编程:Object Oriented Programming,简称OOP。 典型的oop语言,如hava、c++,存在着类的概念,类就是对象的模板 (...

21270

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励