整理Javascript数组学习笔记


Posted in Javascript onNovember 29, 2015

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数组的进一步学习,希望大家喜欢。

Javascript 相关文章推荐
js资料prototype 属性
Mar 13 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
Jul 17 Javascript
iScroll.js 使用方法参考
May 16 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
详解vue跨组件通信的几种方法
Jun 15 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
React父子组件间的传值的方法
Nov 13 Javascript
ajax跨域访问遇到的问题及解决方案
May 23 Javascript
jQuery实现手风琴特效
Jan 11 jQuery
Bootstrap每天必学之缩略图与警示窗
Nov 29 #Javascript
分享我的jquery实现下拉菜单心的
Nov 29 #Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 #Javascript
整理Javascript基础语法学习笔记
Nov 29 #Javascript
Jquery操作Ajax方法小结
Nov 29 #Javascript
jquery+php实现滚动的数字特效
Nov 29 #Javascript
MVC Ajax Helper或Jquery异步加载部分视图
Nov 29 #Javascript
You might like
详解WordPress中的头像缓存和代理中的缓存更新方法
2016/03/01 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
javascript globalStorage类代码
2009/06/04 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
js自定义Tab选项卡效果
2017/06/05 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
vue3自定义dialog、modal组件的方法
2021/01/04 Vue.js
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
python中列表和元组的区别
2017/12/18 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
简单的Python调度器Schedule详解
2019/08/30 Python
Python实现手机号自动判断男女性别(实例解析)
2019/12/22 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
Interhome丹麦:在线预订度假屋和公寓
2019/07/18 全球购物
我的大学生活职业生涯规划
2014/01/02 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
光荣之路观后感
2015/06/12 职场文书
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android