今天来学习一下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学习笔记之:数组(一)的更多相关文章

  1. JS学习笔记 (四) 数组进阶

    1.基本知识 1.数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中的位置称为索引,以数字表示,以0开始. 2.数组是无类型的.数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的 ...

  2. [前端JS学习笔记]JavaScript 数组

    一.JavaScript数组的奇葩 大多数语言会要求数组的元素是同个类型, 但是JavaScript允许数组元素为多种类型. var arr = ["羽毛球", 666, {&qu ...

  3. 【学习】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]]; ...

  4. 【学习】js学习笔记:数组(一)

    1.创建数组并赋值 //对象方式 var arr=new Array(1,2,3,4); //隐形声明方式 var arr2=[5,6,7,8]; 2.数组可以存储任何类型的数据 3.访问数组,是用下 ...

  5. vue.js 学习笔记3——TypeScript

    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...

  6. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  7. 基于jquery的插件turn.js学习笔记

    基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...

  8. 【转】Backbone.js学习笔记(二)细说MVC

    文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Bac ...

  9. Node.js学习笔记(2):基本模块

    Node.js学习笔记(2):基本模块 模块 引入模块 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在No ...

  10. WebGL three.js学习笔记 加载外部模型以及Tween.js动画

    WebGL three.js学习笔记 加载外部模型以及Tween.js动画 本文的程序实现了加载外部stl格式的模型,以及学习了如何把加载的模型变为一个粒子系统,并使用Tween.js对该粒子系统进行 ...

随机推荐

  1. jquery禁用右键、文本选择功能、刷新

    //禁用右键.文本选择功能.刷新 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“select ...

  2. Qt入门(7)——窗口几何结构

    QWidget提供了几个处理窗口几何结构的函数.这些函数中的几个操作纯客户区域(例如不包含窗口框架的窗口),其它一些包括窗口框架.它们之间的区别在某种意义上被完成覆盖明显地最普通的方法.包括窗口的框架 ...

  3. GitHub上线Trending功能,帮你轻松找到有潜力的开源项目

    转自:http://www.csdn.net/article/2013-08-14/2816574-Github-Trending-Open-Source-Project Github开源项目 摘要: ...

  4. Binary Tree Zigzag Level Order Traversal——LeetCode

    Given a binary tree, return the zigzag level order traversal of its nodes' values. (ie, from left to ...

  5. Selenium webdriver 操作IE浏览器

    V1.0版本:直接新建WebDriver使用 import org.openqa.selenium.WebDriver; import org.openqa.selenium.ie.InternetE ...

  6. Finding Palindromes - 猥琐的字符串(Manacher+trie)

    题目大意:有 N 个字符串,所有的字符串长度不超过 200W 任意俩俩字符串可以自由组合,问组合的字符串是回文串的个数有多少个?   分析:这是一个相当猥琐的字符串处理,因为没有说单个的字符串最少多长 ...

  7. 第一节:Scrapy开源框架初探

       Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架. 可以应用在包括数据挖掘,信息处理或存储历史数据等一系列的程序中.  具体开发流程如下:   一.确定待抓取网站 当您需要从某 ...

  8. Ubuntu中使用终端运行Hadoop程序

    接上一篇<Ubuntu Kylin系统下安装Hadoop2.6.0> 通过上一篇,Hadoop伪分布式基本配好了. 下一步是运行一个MapReduce程序,以WordCount为例: 1. ...

  9. dubbo源码分析一:整体分析

    本文作为dubbo源码分析的第一章,先从总体上来分析一下dubbo的代码架构.功能及优缺点,注意,本文只分析说明开源版本提供的代码及功能. 1.dubbo的代码架构:  spring适配层:常规的sp ...

  10. Bulk Insert 高效快速插入数据

    BULK INSERT以用户指定的格式复制一个数据文件至数据库表或视图中. 语法: BULK INSERT [ [ 'database_name'.][ 'owner' ].]{ 'table_nam ...