本文实例讲述了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程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 刘德华《最爱老歌精选+笨小孩》2CD LPCD45[WAV+CUE][1.4G]
- s14全球总决赛WBG战队成员有哪些 2024世界赛WBG成员名单一览
- s14全球总决赛GEN战队成员有哪些 2024世界赛GEN成员名单一览
- s14全球总决赛BLG战队成员有哪些 2024世界赛BLG成员名单一览
- 陈思安2012-今生的爱[豪记][WAV+CUE]
- 崔健王虹1990-同名专辑(2006新世纪复刻版)[WAV+CUE]
- 陈粒2024-乌有乡地图【WAV】
- 玩家自制《黑神话:悟空》鹤仙人和四妹后续:感觉不像假的
- 唐尼拒绝自己被ai化:哪怕我死了 我也有律师团起诉你
- 《怪猎荒野》太刀实战木桶演示:居合登龙一气呵成
- 群星《高清紫水晶·滴答传情 STS+HD》[WAV整轨][484M]
- 《张学友66首单曲母带合集》[WAV][9.2G]
- 《车载HIFI音乐最新整理》[MP3/DTS][46G]
- 陈随意.2024-我若放袂记【豪记】【WAV+CUE】
- 群星.2013-林振强·依然爱不完101系列6CD【环球】【WAV+CUE】