一、创建数组的方式:

1.定义并赋值

var str = ['java', 'php', 'c++', 'c#', 'perl', 'vb', 'html', 'css'];

2.用{}定义后赋值:

var array = {};//定义一个数组
   array[0] = "Tom";
   array[1] = "Male";
   array[2] = "123456@qq.com";

  数组的下标也可以这样:

array['name'] = "Tom";
   array['sex'] = "Male";
   array['mail'] = "123456@qq.com";

3.使用new Array()定义:

(1).

var a = new Array(10);
     定义长度为10的数组,此时为a已经开辟了内存空间,用数组名称加 [下标] 来调用。

(2).

var a = new Array();
     a[0] = 10;
     a[1] = "Tom";
     a[2] = 12.6;

定义一个可变数组,并进行赋值。数组的赋值还可以使用push()方法,这样可以避免使用下标的麻烦:

a.push(10);

a.push("Tom");

a.push(12.6);

 (3).

var a = new Array(1, 2, 3, 4, 5);
     var b = [1, 2, 3, 4, 5];
    a 和 b 都是数组,只不过b用了隐性声明,创建了另一个实例,此时如果用alert(a==b)将弹出false。

(4).

数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象。
Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能。

数组里面可以包含对象,所以可以把数组里面的某个元素再声明为数组,例如
     var a = new Array();
     a[0] = new Array();
     a[0][0] = 1;
     alert(a[0][0]); //弹出 1

声明的时候赋值
     var a = new Array([1,2,3], [4,5,6], [7,8,9]);
     var b = [[1,2,3], [4,5,6], [7,8,9]];

二、数组的操作:

1.通过数组[下标]来读写数组的元素:

如:a[0] = 10;
        a[1] = "Tom";
        a[2] = 12.6;

下标的范围是 0 – (23(上标2) -1),当下标是负数、浮点甚至布尔值的时候,数组会自动转换为对象类型。

如:
   var b = new Array();
   b[2.2]  = "XXXXX";
   alert(b[2.2]); //-> XXXXX

 2.通过push(),pop()方法读写元素:

(1).push

往数组后面添加数组,并返回数组新长度
    var a =    ["aa","bb","cc"];
    document.write(a.push("dd"));    // -> 4

(2).pop

删除数组最后一个元素,并返回该元素
     var a =    ["aa","bb","cc"];
     document.write(a.pop());    // -> cc

  3.数组的循环:

(1).for循环:

var a = [1,2,3,4,5,6];
     for(var i =0; i<a.length; i++){
          alert(a[i]);
     }

(2).foreach循环:

var a = [1,2,3,4,5,6];
      for(var e in a){
          alert(e);
       }
   还是依次弹出1至6,for…in是历遍对象(数组是特殊的对象)对象,用在数组上,因为数组没有属性名,所以直接输出值,这结构语句用在对象上,例如下面
     var a = {x:1,y:2,z:3};
     for(var e in a){
       alert(e    + ":" + a[e]);
     }

此时e取到的是属性名,即 x、y、x,而要取得值,则采用 数组名[属性],所以 a[e] 等同于 a[“x”]、a[“y”]、a[“z”]。

 4.将数组转换为字符串:

(1).join("分隔符")

用指定间隔符连起来,把数组转为字符串
     例:
       var a = ['a','b','c','d','e','f','g'];
       alert(a.join(",")); // -> a,b,c,d,e,f,g
    需要注意的是只转换一维数组里面,如果数组里面还有数组,将不是采用join指定的字符串接,而是采用默认的toString()。

(2).toString()

把数组转为字符串,不只数组,所有对象均可使用该方法
    var a = [5,6,7,8,9,["A","BB"],100];
    document.write(a.toString());    // -> 5,6,7,8,9,A,BB,100

(3)valueOf
    根据不同对象返回不同原始值,用于输出的话跟toString()差不多,但是toString()是返回string类型,而valueOf()是返回原对象类型。
    var a = [1,2,3,[4,5,6,[7,8,9]]];
   document.write(a.valueOf());    // -> 1,2,3,4,5,6,7,8,9

 5.使用slice返回数组片段 

var a = ['a','b','c','d','e','f','g'];
    alert(a.slice(1,2)); // -> b
    alert(a.slice(2));    // -> c,d,e,f,g
    alert(a.slice(-4));   // -> d,e,f,g
    alert(a.slice(-2,-6));    // -> 空

a.slice(1,2),从下标为1开始,到下标为2之间的数,注意并不包括下标为2的元素
    如果只有一个参数,则默认到数组最后。
   -4是表示倒数第4个元素,所以返回倒数的四个元素。
  alert(a.slice(-2,-6))从倒数第2开始,因为是往后截取,所以显然取不到前面的元素,所以返回空数组,如果改成 a.slice(-6,-2) 则返回b,c,d,e。

JQuery中数组的创建与使用的更多相关文章

  1. Java中数组的创建

    Java中数组的使用 1.普通数组变量的定义: //数组 //1.数组是Java中很重要的一部分,今天对数组进行了大致的了解,Java中的数组和C中数组还是有一定的区别的 //以下是总结的几种方法 p ...

  2. JS中数组的创建方法

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  3. javascript 中数组的创建 添加 与将数组转换成字符串 页面三种提交请求的方式

    创建js数组 var array=new Array(); Java中创建数组 private String[] array=new String[3]; 两个完全不同的,js中是可变长度的 添加内容 ...

  4. Jquery中数组转字符串,c:foreach自动将带","字符串进行拆分赋值

    1.数组转字符串,逗号分割 a.push()将元素依次添加至数组: b.join()将数组转换成字符串,里面可以带参数分隔符,默认[,] <script type = text/javascri ...

  5. jquery中数组对象下面的属性名名是动态的如何获取

    <script> let normalListData = []; function temp() { for (var i = 0; i < 10; i++) { let rowC ...

  6. 第三章 jQuery中的事件与动画

    第三章jQuery中的事件与动画 一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件 在javaScript中,常用的基础事件有鼠标事件.键盘事件.wind ...

  7. JQuery制作网页—— 第七章 jQuery中的事件与动画

    1. jQuery中的事件: ●和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现 ●jQuery事件是对JavaScript事件的封装,常用事件 ...

  8. jQuery中事件与动画

    jQuery中的事件与动画   一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件 在javaScript中,常用的基础事件有鼠标事件.键盘事件.windo ...

  9. jQuery中的事件与动画 笔记整理

    一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件 在javaScript中,常用的基础事件有鼠标事件.键盘事件.window事件.表单事件.事件的绑定和处 ...

随机推荐

  1. css组合选择器

    组合选择器:1,后代选择器 .main h2 {...}, 使用空格表示 IE6+2,子选择器 .main>h2 {...}, 使用 > 表示 IE7+3,兄弟选择器 h2+p {...} ...

  2. [svc]find+xargs/exec重命名文件后缀&文件操作工具小结

    30天内的文件打包 find ./test_log -type f -mtime -30|xargs tar -cvf test_log.tar.gz awk运算-解决企业统计pv/ip问题 find ...

  3. YII页面显示trace

    修改protected/config/main.php 'db'=>array( 'connectionString' => 'mysql:host=localhost;dbname=te ...

  4. 【iCore4 双核心板_ARM】例程四:USART实验——通过命令控制LED

    实验原理: 开发板上自带一片CH340芯片,完成本实验电脑需要安装CH340驱动, CH340的TXD连接STM32的GPIO(PXC7),CH340的RXD连接STM32的 GPIO(PC6),通过 ...

  5. JVM 内部原理(六)— Java 字节码基础之一

    JVM 内部原理(六)- Java 字节码基础之一 介绍 版本:Java SE 7 为什么需要了解 Java 字节码? 无论你是一名 Java 开发者.架构师.CxO 还是智能手机的普通用户,Java ...

  6. Y460 安装ubuntu 12.04系统黑屏,登录界面黑屏

    ubuntu 12.04系统黑屏,登录界面黑屏,但是命令行界面可以登录,也可以正常使用,当时在装CVS,装完重启就这样了,可能是因为前一天装更新时,突然断电导致图形界面损坏,参考他人方法,终于修复,总 ...

  7. 【转】WPF自定义控件与样式(8)-ComboBox与自定义多选控件MultComboBox

    一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等. 本文主要内容: 下拉选择控件ComboBox的自定义样式及扩展: 自定义多选控件Mul ...

  8. 【Oracle】ORA 01810 格式代码出现两次-转

    一.Oracle中使用to_date()时格式化日期需要注意格式码 如:select to_date('2005-01-01 13:14:20','yyyy-MM-dd HH24:mm:ss') fr ...

  9. python中,numeric(数字类型)和integer(整型)的区别

    说明: 在今天做int实现的过程中,官方函数的解释是将numeric转换为integer,就突然不明白,两个有啥区别. numeric-数字类型包括: int,float,bool,complex i ...

  10. JavaScript 之 function函数及参数arguments

    JavaScript用function关键字声明函数,可以用return返回值,也可以没有返回值. 建议:要么统一有返回值,要么统一都没有返回值,这样调试代码方便. 函数定义格式: function ...