整理Javascript数组学习笔记

 更新时间:2015年11月29日 13:57:54   投稿:lijiao  
整理Javascript数组学习笔记,之前一系列的文章是跟我学习Javascript,本文就是进一步学习javascript数组,希望大家继续关注

1、什么是数组
数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>

2、组团,并给团取个名(如何创建数组)
使用数组之前首先要创建,而且需要把数组本身赋至一个变量。
创建数组语法:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组

我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

复制代码 代码如下:
var myarray= new Array(8); //创建数组,存储8个数据。

注意:
1).创建的新数组是空数组,没有值,如输出,则显示undefined。
2).虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

 3、数组赋值
第一步:组个大巴车
第二步:按票对号入座
大巴车的1号座位是张三
大巴车的2号座位是李四
数组表达方式:
第一步:创建数组var myarr=new Array();
第二步:给数组赋值
myarr[1]=" 张三";
myarr[2]=" 李四";
创建一个数组,用于存储5个人的数学成绩:

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩

注意:数组每个值有一个索引号,从0开始。
第一种方法:

复制代码 代码如下:
var myarray = new Array(66,80,90,77,59);//创建数组同时可以赋值

第二种方法:
复制代码 代码如下:
var myarray = new Array[66,80,90,77,59];//直接输入一个数组(称“字面量数组”)

4、向数组增加一个新元素
只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。
myarray[5]=88; //使用一个新索引,为数组增加一个新元素 

5、使用数组元素
要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
第一个人的成绩表示方法:myarray[0]
第三个人的成绩表示方法: myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>

6、了解成员数量(数组属性length)
Length属性表示数组的长度,即数组中元素的个数。

复制代码 代码如下:
myarray.length; //获得数组myarray的长度

注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54

同时,JavaScript数组的length属性是可变的,这一点需要特别注意。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10

数组随元素的增加,长度也会改变,如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

7、二维数组
一维数组,我们看成一组盒子,每个盒子只能放一个内容。
一维数组的表示: myarray[ ]
二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。
二维数组的表示: myarray[ ][ ]
注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。
1). 二维数组的定义方法一

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }

2). 二维数组的定义方法二

复制代码 代码如下:
 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3). 赋值
复制代码 代码如下:
myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

说明: myarr[0][1] ,0 表示表的行,1表示表的列。

以上就是关于Javascript数组的全部内容,是对Javascript数组的进一步学习,希望大家喜欢。

相关文章

  • 微信小程序map地图使用方法详解

    微信小程序map地图使用方法详解

    这篇文章主要为大家详细介绍了微信小程序map地图使用的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 详解使用webpack构建多页面应用

    详解使用webpack构建多页面应用

    这篇文章主要介绍了详解使用webpack构建多页面应用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Javascript的严格模式strict mode详细介绍

    Javascript的严格模式strict mode详细介绍

    这篇文章主要介绍了Javascript的严格模式strict mode详细介绍,重点介绍了严格模式的使用方法及使用strict mode后对javascript语法上带来的改变,需要的朋友可以参考下
    2014-06-06
  • JavaScript获取当前时间戳5种方法汇总

    JavaScript获取当前时间戳5种方法汇总

    很多时候我们都把时间戳作为id值,下面这篇文章主要给大家介绍了关于JavaScript获取当前时间戳的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 完美实现bootstrap分页查询

    完美实现bootstrap分页查询

    这篇文章主要介绍了一个完美的bootstrap分页查询,如何利用bootstrap实现分页查询,本文将为大家进行揭晓
    2015-12-12
  • ClearTimeout消除闪动实例代码

    ClearTimeout消除闪动实例代码

    本文给大家介绍ClearTimeout消除闪动相关知识,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-02-02
  • PixiJS学习之常见图形的绘制详解

    PixiJS学习之常见图形的绘制详解

    pixijs 是一个强大的 Web Canvas 2D 库,以其强大性能而著称。这篇文章主要带大家学习一下PixiJS是如何实现常见图形绘制的,希望对大家有所帮助
    2023-02-02
  • JGrid中拖动改变列宽的脚本 原型

    JGrid中拖动改变列宽的脚本 原型

    JGrid 中,可以拖动改变列宽,简单的原理就是改变相应的 col 的 style.width 今天看到skybot 同学在问这个问题,就又把这个功能拿出来,单独实现了一下(有改进)
    2008-07-07
  • 浅谈JS的二进制家族

    浅谈JS的二进制家族

    事实上,前端很少涉及对二进制数据的处理,但即便如此,我们偶尔总能在角落里看见它们的身影。 今天我们就来聊一聊前端的二进制家族:Blob、ArrayBuffer和Buffer
    2021-05-05
  • JavaScript实现图片局部放大镜交互功能

    JavaScript实现图片局部放大镜交互功能

    在网页设计和开发中,图片局部放大镜交互功能是一个常见的需求,它可以增强用户体验,让用户更仔细地查看图片的细节,本文将介绍如何使用JavaScript来实现这一功能,以及提供代码示例和详细解释,需要的朋友可以参考下
    2023-10-10

最新评论