js学习笔记之:数组(一)
今天来学习一下js中的一维数组、二维数组,以及数组的赋值、遍历、删除、排序等操作;
1 数组的声明
js提供了一个数组对象Array,默认是一维数组,其申明的方法如下:
var aCity = new Array();
在实际应用中,可以在申明的同时,给数组进行赋值:
var aCity = new Array("北京","上海","广州");
还可以在声明数组时,给数组指定长度;
var aCity = new Array(2);
要说明的是,本方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为2,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
2 二维数组声明
步骤1: 声明一个一维数组 var aCity = new Array();
步骤2: 声明子数组 aCity[0] = new Array();
aCity[1] = new Array();
aCity[2] = new Array();
//给二维数组赋值: aCity[0][0] = "常州";
3 数组赋值:
给数组赋值有以下几种形式:
(1)声明时直接赋值
var aCity = new Array("北京","上海","广州");
(2)添加元素
var aCity = new Array();
aCity[0] = "南京";
aCity.push("北京","四川"); //push方法用于在数组尾部添加元素 ,遍历输出: 南京、北京、四川
aCity.unshift("上海","天津"); //unshift方法用于在数组头部添加元素,遍历输出:上海、天津、南京、北京、四川
(3)指定长度的数组赋值
var bCar = new Array(2);
bCar.push("奔驰");
bCar.push("宝马");
bCar.push("沃尔沃");
alert(bCar.length); //请大家一同思考一个问题,这里输出的长度是多少?
来看看执行结果:
是的,是5,而不是3,也就是说,在声明数组时所占用的2个长度,并没有给赋值,那么我们可以输出bCar[0]和bCar[2]来看看:
输出结果可以看到,bCar[0]和bCar[1]没有进行赋值,push方法是从bCar[2]开始添加元素;同理我们使用 bCar.unshift("皇冠","别克");进行添加元素,
结果是:"皇冠","别克"两个元素也不占用系统分配的2个空元素,插入在空元素之前,这时的bCar[3]、bCar[4]变成了空元素;
那么,我们如何给这两个空元素进行赋值呢?
var bCar = new Array(2);
bCar[0] = "福特";
bCar[1] = "本田";
这样赋值方法,即给空元素指定赋值了,其数组长度任然为2;
综上所述: push方法和unshift方法严格讲是“插入元素”,并不覆盖数组初始化声明时所产生的空元素,这里在使用的时候要注意;
js学习笔记之:数组(一)的更多相关文章
- JS学习笔记 (四) 数组进阶
1.基本知识 1.数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中的位置称为索引,以数字表示,以0开始. 2.数组是无类型的.数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的 ...
- [前端JS学习笔记]JavaScript 数组
一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...
- 【学习】js学习笔记:数组(二)
二维数组 例子:矩形反转: <script> var arr=[[1,1,1,1,1],[2,2,2,2,2],[3,3,3,3,3],[4,4,4,4,4],[5,5,5,5,5]]; ...
- 【学习】js学习笔记:数组(一)
1.创建数组并赋值 //对象方式 var arr=new Array(1,2,3,4); //隐形声明方式 var arr2=[5,6,7,8]; 2.数组可以存储任何类型的数据 3.访问数组,是用下 ...
- vue.js 学习笔记3——TypeScript
目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...
- 2019-4-29 js学习笔记
js学习笔记一:js数据类型 1:基本数据类型 number类型(整数,小数) String类型 boolean类型 NaN类型其实是一个nu ...
- 基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
- 【转】Backbone.js学习笔记(二)细说MVC
文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Bac ...
- Node.js学习笔记(2):基本模块
Node.js学习笔记(2):基本模块 模块 引入模块 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在No ...
- WebGL three.js学习笔记 加载外部模型以及Tween.js动画
WebGL three.js学习笔记 加载外部模型以及Tween.js动画 本文的程序实现了加载外部stl格式的模型,以及学习了如何把加载的模型变为一个粒子系统,并使用Tween.js对该粒子系统进行 ...
随机推荐
- 连接Oracle的几种方式
如何引用Data.OracleClient.dll 由于从.net 4.0之后,微软将OracleClient.dll从框架里去除了,所以要使用,需要在VS2010里面去把项目的.net框架从.net ...
- PostgreSQL安装详细步骤(windows)
原文地址:http://blog.chinaunix.net/uid-354915-id-3498734.html PostgreSQL安装:一.windows下安装过程安装介质:postgresql ...
- POJ1182 食物链(并查集)
食物链 Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 55260 Accepted: 16210 Description ...
- 《A First Course in Probability》-chape6-随机变量的联合分布-基本概念
之前我们探讨了一元随机变量的分布列,下面我们应该将相应的性质推广到多元随机变量的分布列,在这里我们主要以讨论二元随机变量分布列为主. 利用类比的方法,我们很容易将一元随机变量的分布列的性质推广上来. ...
- 小学生玩ACM----深搜
Square Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Su ...
- Java中如何分析一个案列---猫狗案例为例
猫狗案例: 具体事务: 猫.狗 共性: 姓名.年龄.吃饭 分析:从具体到抽象 猫: 姓名.年龄--->成员变量 吃饭 ---> 成员方法 构造方法:无参.有参 狗: 姓名.年龄 ...
- python-列表、字典、元组的员工信息处理接口(第二篇(五):基于列表、字典和元组的员工信息处理接口)
Python之旅]第二篇(五):基于列表.字典和元组的员工信息处理接口 python 列表 字典 元组 员工信息处理接口 摘要: 1.基本需求 编写一个查询员工信息表的程序,实现如下功能: ( ...
- AS 2.0新功能 Instant Run
Instant Run上手 作为一个Android开发者,很多的时候我们需要花大量的时间在bulid,运行到真机(虚拟机)上,对于ios上的Playground羡慕不已,这种情况将在Android S ...
- Composite 组合模式
简介 <大话设计模式>一书中组合模式的定义为:将对象组合成[树]形结构以表示[部分-整体]的层次结构,组合模式使得用户对[单个对象]和对[组合对象]的使用具有一致性. ...
- Bootstrap Modal 框 alert confirm loading
/** * Created by Administrator on 2016/5/4. */ /** * 模态窗口 */ window.Modal = { tpls:{ alert:'<div ...