快捷導(dǎo)航

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

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

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

經(jīng)常使用javascript對(duì)數(shù)組和json數(shù)組進(jìn)行操作，但是時(shí)間久了就忘記咋操作的了，所以這里簡(jiǎ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)建一個(gè)javascript數(shù)組
    var a=new Array();
    a.push('a');
    a.push('b');
    a.push('c');
    //往數(shù)組添加三個(gè)元素
    alert(a);
    //利用indexof可以指出該元素在數(shù)組中所在位置
    alert('a index of a'+a.indexOf('a'));
    //利用jquery對(duì)數(shù)組進(jìn)行便利
    $(a).each(function (index,row) {
      alert('index is '+index);
      alert('row is '+row);
    })
  }
  //json數(shù)組操作
  function jsonArrays() {
  //首先也是創(chuàng)建一個(gè)json數(shù)組
    var a=new Array();
    a.push({a:1});
    a.push({a:2});
    a.push({a:3});
    //同樣的往數(shù)組添加三個(gè)元素
    //alert出的結(jié)果是[{object,object},{object,object},{object,object}]
    alert('a is '+a);
    //利用JSON的方法將json數(shù)組轉(zhuǎn)換為字符串這時(shí)候alert的就是json字符串了
    alert(JSON.stringify(a));
    //直接獲取json數(shù)組第一個(gè)元素的值，此時(shí)知道json的key是a
    alert(a[0].a);
    //遍歷json數(shù)組第一個(gè)元素的key，這時(shí)候可以alert出的結(jié)果是a，同樣的可以得出對(duì)應(yīng)的value
    for(var key in a[1]){
      alert('key is '+key);
      alert('value is '+a[0][key]);
    }
    //用jquery對(duì)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對(duì)數(shù)組和json數(shù)組的操作詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

深入了解JavaScript的邏輯運(yùn)算符（與、或）
本篇文章分享的是 JS 當(dāng)中的邏輯運(yùn)算符與、或，也就是 && 、 || ，沒(méi)錯(cuò)，別看這簡(jiǎn)簡(jiǎn)單單的幾個(gè)運(yùn)算符，雖然這是最基礎(chǔ)的知識(shí)，但其中隱藏的奧秘卻十分耐人尋味，接下來(lái)本文就為大家一一揭開(kāi)這簡(jiǎn)單的運(yùn)算符背后的奇妙之處。
2016-12-12
JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線上代碼
這篇文章主要介紹了JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線上代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
json傳值以及ajax接收詳解
下面小編就為大家?guī)?lái)一篇json傳值以及ajax接收詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
Mozilla 表達(dá)式 __noSuchMethod__
這是一個(gè)很特殊的方法，但是其存在的意義很大。不過(guò)很可惜只有firefox支持了。一個(gè)簡(jiǎn)單的例子解釋一下它的用處
2009-04-04
JavaScript類(lèi)庫(kù)D
D類(lèi)庫(kù)是以為當(dāng)前成熟框架、類(lèi)庫(kù)開(kāi)發(fā)輔助類(lèi)庫(kù)的目標(biāo)而被開(kāi)發(fā)。
2010-10-10
javascript動(dòng)畫(huà)淺析
最近一直在弄手機(jī)端的游戲，接觸到各種動(dòng)畫(huà)。加之對(duì)之前的自己那個(gè)動(dòng)畫(huà)類(lèi)不滿(mǎn)意，就有心想寫(xiě)個(gè)新的。然后翻看各種博客，查資料。也學(xué)到一些新的東西
2012-08-08
kmock javascript 單元測(cè)試代碼
javascript其實(shí)是非常需要單元測(cè)試的，但是qmock總感覺(jué)不好使？或是文檔的新舊有問(wèn)題，反正我暫時(shí)是只需要函數(shù)調(diào)用的次數(shù)判斷，結(jié)果就寫(xiě)了個(gè)kmock
2011-02-02
JavaScript打開(kāi)本地文件夾的4種方法舉例
這篇文章主要給大家介紹了關(guān)于JavaScript打開(kāi)本地文件夾的4種方法,JavaScript在前端開(kāi)發(fā)中是一種使用非常廣泛的編程語(yǔ)言,常用于實(shí)現(xiàn)網(wǎng)頁(yè)中的交互和動(dòng)態(tài)效果,需要的朋友可以參考下
2023-07-07
ES6中的類(lèi)（Class）示例詳解
這篇文章主要給大家介紹了關(guān)于ES6中類(lèi)（Class）的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
簡(jiǎn)述ES6新增關(guān)鍵字let與var的區(qū)別
最近看了很多文章，偶然間看到ES6中新增了一個(gè)關(guān)鍵字 let ，它具有與 var 關(guān)鍵字相似的功能。接下來(lái)通過(guò)本文給大家介紹ES6新增關(guān)鍵字let與var的區(qū)別,需要的朋友可以參考下
2019-08-08