如何在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>

JavaScript的特點

1.JavaScript主要用來向HTML頁面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。 3.JavaScript具有跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行。

上述內容就是如何在JavaScript中使用json對象和eval()函數，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。