本文實例講述了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.VeVB.COm/code/HtmlJsRun測試上述代碼運行效果。
PS：關于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.VeVB.COm/code/json
JSON在線格式化工具：
http://tools.VeVB.COm/code/jsonformat
在線XML/JSON互相轉換工具：
http://tools.VeVB.COm/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉換工具：
http://tools.VeVB.COm/code/jsoncodeformat
在線json壓縮/轉義工具：
http://tools.VeVB.COm/code/json_yasuo_trans
更多關于JavaScript相關內容可查看本站專題：《JavaScript中json操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
