JavaScript数组、json对象、eval()函数用法实例分析

本文实例讲述了javascript数组、json对象、eval()函数用法。分享给大家供大家参考，具体如下：

一、javascript中的数组

数组使用[]、new array()或new array(count)进行创建

创建数组之后我们可以对其静态初始化，也可以对其动态赋值

数组的常用属性：length

数组的常用方法：tostring()、join()、reverse()、push()、pop()

<script type="text/javascript">
  //静态初始化
  var myarray = [1,2,3,45,67];
  //获取数组中的个数
  alert("myarray.length="+myarray.length);
  for(var i=0;i<myarray.length;i++){
    alert("myarray["+i+"]="+myarray[i]);
  }
  //动态初始化
  //动态分配5个内存空间，手动赋值之前，系统默认值为undefined
  myarray = new array(5);
  for(var i=0;i<myarray.length;i++){
    alert("myarray["+i+"]="+myarray[i]);
  }
  //对数组中的元素赋值
  myarray[0]=true;
  myarray[1]=1;
  myarray[2]="guoguo";
  myarray[3]= new object();
  myarray[4]= new object();
  myarray[5]= new object();//虽然声明的时候数组长度为5，但实际上可以存储更多的内容
  for(var i=0;i<myarray.length;i++){
    alert("myarray["+i+"]="+myarray[i]);
  }
  //数组中的常用方法
  var myarray = [1,"abc",true,4.5,16];
  //tostring()方法会用英文逗号把数组中的元素连接成字符串
  alert("myarray.tostring()="+myarray.tostring());//myarray.tostring()=1,abc,true,4.5,16
  //join方法，以特殊符号连接数组中的每一个元素，最后生成一个字符串
  var str = myarray.join("-");
  alert("str="+str);//str=1-abc-true-4.5-16
  //反转数组中的元素
  myarray.reverse();
  str = myarray.join("-");
  alert("str="+str);//str=16-4.5-true-abc-1
  //pop()返回数组最右边的元素，并将其删除
  var elt = myarray.pop();
  alert("elt="+elt+",myarray.length="+myarray.length);//elt=1,myarray.length=4
  //push()将元素添加到数组最右边
  //push()和pop()模拟的是栈结构，最后入栈的先出栈
  myarray.push("end");
  str = myarray.join("-");
  alert("str="+str);//str=16-4.5-true-abc-end
</script>

二、javascript中的json对象

json对象使用{}进行创建，通常用在不同的语言之间进行数据交换，它是一种轻量级的数据传输格式

java可以在后台拼接json字符串，并将json字符串发送给浏览器，浏览器可以解析json格式的字符串，这样java和javascript就完成了数据传输

<script type="text/javascript">
  //创建json对象
  var user ={usercode:101,
        uername:"guoguo",
        address:"瓦力瓦力"};
  alert("user.usercode="+user.usercode);//user.usercode=101
  alert("user.uername="+user.uername);//user.uername=guoguo
  alert("user.address="+user.address);//user.address=瓦力瓦力
  //数组中的元素可以是json对象
  var userarray = [{usercode:101,
           uername:"guoguo",
           address:"瓦力瓦力"},
           {usercode:102,
           uername:"haha",
           address:"咕噜咕噜"}
          ];
  alert("userarray[1].usercode="+userarray[1].usercode);
  alert("userarray[1].uername="+userarray[1].uername);
  alert("userarray[1].address="+userarray[1].address);
</script>

三、javascript中的eval()函数

js中eval()函数的作用是将普通字符串当做js代码来解释执行。

<script type="text/javascript">
  var str = "var i=10;";
  //eval函数的作用：将普通字符串当做js代码解释执行
  window.eval(str);
  alert("i="+i);//i=10
  //eval可以把json字符串转换成json对象，缺点：json变量的名称不可变
  var jsonstr = "var jsonobject = {usercode:'101',username:'guoguo',age:'16'}";
  window.eval(jsonstr);
  alert("jsonobject.usercode="+jsonobject.usercode);//jsonobject.usercode=101
  alert("jsonobject.username="+jsonobject.username);//jsonobject.username=guoguo
  alert("jsonobject.age="+jsonobject.age);//jsonobject.age=16
  //eval可以把json字符串转换成json对象，json变量的名称可自定义
  jsonstr = "{usercode:'102',username:'haha',age:'16'}";
  //注意：eval()函数所需的参数必须是"({......})"格式
  var obj = eval("("+jsonstr+")");
  alert("obj.usercode="+obj.usercode);//obj.usercode=102
  alert("obj.username="+obj.username);//obj.username=haha
  alert("obj.age="+obj.age);//obj.age=16
</script>

感兴趣的朋友可以使用在线html/css/javascript代码运行工具：http://tools.jb51.net/code/htmljsrun测试上述代码运行效果。

ps：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：

在线json代码检验、检验、美化、格式化工具：

json在线格式化工具：

在线xml/json互相转换工具：

json代码在线格式化/美化/压缩/编辑/转换工具：

在线json压缩/转义工具：

更多关于javascript相关内容可查看本站专题：《javascript中json操作技巧总结》、《javascript查找算法技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》

希望本文所述对大家javascript程序设计有所帮助。