• 技术文章 >web前端 >js教程

    JavaScript中关于数组定义的几种方法分享

    黄舟黄舟2017-10-10 10:32:22原创435
    这篇文章主要介绍了javascript数组定义的几种方法,一般来说分为隐式创建、直接实例化、创建数组并指定长度、后来为了方便直接使用json格式定义数组,这里脚本之家小编就为大家介绍一下,需要的朋友可以参考一下

    1、什么是数组

    数组就是一组数据的集合
    其表现形式就是内存中的一段连续的内存地址
    数组名称其实就是连续内存地址的首地址

    2、关于js中的数组特点

    数组定义时无需指定数据类型
    数组定义时可以无需指定数组长度
    数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元素保存字符串型,这个在JS中是可以的)

    创建数组的语法:

    var arr=[值1,值2,值3]; //隐式创建

    var arr=new Array(值1,值2,值3); //直接实例化

    var array=new Array(size); //创建数组并指定长度


    //方法一
    var arr1 = [1,3,5,7,9];
    document.write(arr1[2] + '<br>');
     
    //方法二
    var arr2 = new Array(2,4,6,8,10);
    document.write(arr2[3] + '<br>');
     
    //方法三
    var arr3 = new Array(3);//固定数组长度为3
    arr3[0] = 1;
    arr3[1] = 2;
    arr3[2] = 3;
    document.write(arr3[2] + '<br>');

    JS中符号含义:

    ()表示函数执行
    []表示语法模拟,表示模拟Array类的实例(=new Array())
    {}表示语法模拟,表示模拟Object类的实例(=new Object())
    //表示语法模拟(正则对象),表示模拟RegExp类的实例(=new RegExp())

    3、关于数组长度

    数组对象.length

    在js中,每一个数组对象都可以调用length属性,它表示数组对象下共有几个数组元素

    示例:


    var row = ['zhangsan','lisi','wangwu'];
    doucument.write('共有'+row.length+'个人<br>');
    
    var length = row.length;//对数组进行遍历
    for (var i=0;i<length;i++){
    doucument.write(row[i]+'<br>');
    }

    4、for...in语句

    在js中,数组不是数据类型,数组的数据类型其实就是对象

    Js中的For.....in语句可以实现对一个对象的所有属性的遍历

    也可以使用for...in语句实现对一个数组的所有元素的遍历

    语法:

    for( var i in array ){

    }

    原理:数组中有几个元素,for..in语句就循环执行多少次

    每次执行时,将当前数组元素的下标存放到变量i中


    var row = ['zhangsan','lisi','wangwu','xiaoqiang'];
    for (var i in row){
     document.write(i + ':' + row[i] + '<br>');
    }

    结果:

      0:zhangsan
      1:lisi
      2:wangwu
      3:xiaoqiang

    5、文本下标

    格式:

    arr['key'] = value;

    在js中,文本下标的数组元素,不计入数组长度

    以文本下标形式添加到数组,实际是以属性形式添加到数组对象中的


    var arr = [1,2,3];
    arr['first'] = 'zhangsan';
    arr['second'] = 'lisi';
    
    document.write(arr.length + '<br>');
    document.write(arr.first + '<br>');
    document.write(arr.second + '<br>');

    结果:

      3
      zhangsan
      lisi

    遍历带有文本下标的数组:


    var arr = [1,2,3];
    arr['first'] = 'zhangsan';
    arr['second'] = 'lisi';
    
    for(var i in arr){
     document.write(i + ':' + arr[i] + '<br>');
    }

    结果:

      0:1
      1:2
      2:3
      first:zhangsan
      second:lisi

    6、多维数组


    var arr = [
      [10,'zhangsan','male'],
      [11,'lisi','female'],
      [12,'wangwu','male']
     ];
    for (var i in arr){
     for(var j in arr[i]){
      document.write(arr[i][j]);
     }
     document.write('<br>');
    }

    下面是脚本之家的补充

    1.先定义再赋值


    var myArray1 = new Array(); //不定义元素个数
      myArray1[0] = "脚";
      myArray1[1] = "本";
      myArray1[2] = "之";
     myArray1[3] = "家";
    var myArray2 = new Array(4); //定义元素的个数
      myArray1[0] = "脚";
      myArray1[1] = "本";
      myArray1[2] = "之";
     myArray1[3] = "家";

    2.定义数组时同时赋值

    var myArray3 = new Array("脚","本","之","家");

    //你需要在数组内指定数值或者逻辑值,那么变量类型应该是数值变量或者布尔变量,而不是字符变量

    3、json格式的定义


    var myArray4 = [
       {"num":"1001","name":"jack","age":16},
       {"num":"1002","name":"Mary","age":17},
       {"num":"1003","name":"Tom","age":19}
       ];
    //注意中括号和大括号的位置

    不懂的同学可以查看这篇文章:http://www.jb51.net/article/20688.htm

    Json定义用法和数组的区别

    Json:是在javascript用来存数据的一种方法。
    Json形式: var Json={a:1 , b:2 , c:3};
    数组形式:var arr=[1,2,3];

    Json个数组的区别:

    1、Json的下标是字符串,如调用第一个数据时用:Json.a 。 数组的下标是数字如 arr[0]
    2、Json没有length,数组有lengt

    用Json来存数据,如果遇到需要循环需要用 for(元素变量 in 变量名){};因为Json没有length所以要用for in循环,for in循环可以用于Json和数组

    for(i in Json){
    语句
    };

    什么时候用for循环,什么时候用for in循环?
    数组:用for循环 for(i=0,i<length,i++){};
    Json:用for in循环 for(i in Json){};

    4. 注意

    · 数组只有数组长度一个属性
    · 如果没有给数组赋值得到的是undefined,打印是”“
    · 数组长度不够可以自动扩充,不存在越界的问题

    以上就是JavaScript中关于数组定义的几种方法分享的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:JavaScript js 几种
    上一篇:JavaScript实现短信倒计时60秒的示例案例 下一篇:jQuery一个ajax实例
    大前端线上培训班

    相关文章推荐

    • javascript中字符串怎么转换成数组• javascript如何制作验证码• javascript如何求图形的面积• javascript如何改变HTML内容• javascript怎么设置字体大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网