整理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 相关文章推荐
juqery 学习之三 选择器 层级 基本
Nov 25 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
JSX在render函数中的应用详解
Sep 04 Javascript
javascript刷新父页面方法汇总详解
Oct 10 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
处理canvas绘制图片模糊问题
May 11 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
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
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
PHP发送AT指令实例代码
2016/05/26 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
列表内容的选择
2006/06/30 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
完美解决浏览器跨域的几种方法(汇总)
2017/05/08 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
python中List的sort方法指南
2014/09/01 Python
Python下的subprocess模块的入门指引
2015/04/16 Python
Python中的pack和unpack的使用
2018/03/12 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
Python如何执行系统命令
2020/09/23 Python
python中doctest库实例用法
2020/12/31 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
《童趣》教学反思
2014/02/19 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
导游词之包公祠
2019/11/25 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL
python元组打包和解包过程详解
2021/08/02 Python
javascript之Object.assign()的痛点分析
2022/03/03 Javascript