快捷導(dǎo)航

詳解javascript對數(shù)組和json數(shù)組的操作

更新時間：2019年04月15日 09:26:25 作者：jackycheng86

這篇文章主要介紹了javascript對數(shù)組和json數(shù)組的操作，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

經(jīng)常使用javascript對數(shù)組和json數(shù)組進(jìn)行操作，但是時間久了就忘記咋操作的了，所以這里簡單記錄一下

直接看代碼吧

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>javascript數(shù)組操作</title>
  <script type="application/javascript" src="lib/jquery.min.js"></script>
</head>
<body>
<h2>javascript操作數(shù)組</h2>
<input type="button" value="js數(shù)組" "jsArrays();">
<br>
<input type="button" value="json數(shù)組1" "jsonArrays();">
</body>
<script type="application/javascript">
//數(shù)組操作
  function jsArrays() {
  	//創(chuàng)建一個javascript數(shù)組
    var a=new Array();
    a.push('a');
    a.push('b');
    a.push('c');
    //往數(shù)組添加三個元素
    alert(a);
    //利用indexof可以指出該元素在數(shù)組中所在位置
    alert('a index of a'+a.indexOf('a'));
    //利用jquery對數(shù)組進(jìn)行便利
    $(a).each(function (index,row) {
      alert('index is '+index);
      alert('row is '+row);
    })
  }
  //json數(shù)組操作
  function jsonArrays() {
  //首先也是創(chuàng)建一個json數(shù)組
    var a=new Array();
    a.push({a:1});
    a.push({a:2});
    a.push({a:3});
    //同樣的往數(shù)組添加三個元素
    //alert出的結(jié)果是[{object,object},{object,object},{object,object}]
    alert('a is '+a);
    //利用JSON的方法將json數(shù)組轉(zhuǎn)換為字符串這時候alert的就是json字符串了
    alert(JSON.stringify(a));
    //直接獲取json數(shù)組第一個元素的值，此時知道json的key是a
    alert(a[0].a);
    //遍歷json數(shù)組第一個元素的key，這時候可以alert出的結(jié)果是a，同樣的可以得出對應(yīng)的value
    for(var key in a[1]){
      alert('key is '+key);
      alert('value is '+a[0][key]);
    }
    //用jquery對json數(shù)組進(jìn)行遍歷
    $(a).each(function (index,row) {
      for(var key in row){
        alert('each key is '+key);
        alert('each value is '+row[key]);
      }
    })
  }
</script>
</html>

以上所述是小編給大家介紹的javascript對數(shù)組和json數(shù)組的操作詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: