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代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans

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

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

您可能感兴趣的文章:

• JS array 数组详解
• js二维数组定义和初始化的三种方法总结
• Js数组的操作push,pop,shift,unshift等方法详细介绍
• js 将json字符串转换为json对象的方法解析
• JavaScript中json对象和string对象之间相互转化
• JavaScript中eval()函数用法详解
• JavaScript中的eval()函数详解
• js中的eval()函数把含有转义字符的字符串转换成Object对象的方法