詳解javascript對(duì)數(shù)組和json數(shù)組的操作
經(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)站的支持!
- JS中的數(shù)組轉(zhuǎn)變成JSON格式字符串的方法
- javascript中json對(duì)象json數(shù)組json字符串互轉(zhuǎn)及取值方法
- js 轉(zhuǎn)json格式的字符串為對(duì)象或數(shù)組(前后臺(tái))的方法
- 在PHP語(yǔ)言中使用JSON和將json還原成數(shù)組的方法
- json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
- JS簡(jiǎn)單循環(huán)遍歷json數(shù)組的方法
- js數(shù)組如何添加json數(shù)據(jù)及js數(shù)組與json的區(qū)別
- JSON用法之將PHP數(shù)組轉(zhuǎn)JS數(shù)組,JS如何接收PHP數(shù)組
- JQuery遍歷json數(shù)組的3種方法
- JS無(wú)限極樹(shù)形菜單,json格式、數(shù)組格式通用示例
相關(guān)文章
javascript中的document.open()方法使用介紹
document.open()方法打開(kāi)一個(gè)新的文檔并用document.write()方法編寫文檔的內(nèi)容,下面有個(gè)不錯(cuò)的示例,大家可以感受下2013-10-10用原生js做個(gè)簡(jiǎn)單的滑動(dòng)效果的回到頂部
很多網(wǎng)頁(yè)在下方都會(huì)放置一個(gè)“返回頂部”按鈕,這樣可以幫助訪客重新找到導(dǎo)航或者重溫一遍廣告,于是將返回頂部功能做成了滑動(dòng)效果2014-10-10小程序登錄之支付寶授權(quán)的實(shí)現(xiàn)示例
這篇文章主要介紹了小程序登錄之支付寶授權(quán)的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽
本文介紹了用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽的方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02JS中Json數(shù)據(jù)的處理和解析JSON數(shù)據(jù)的方法詳解
JSON (JavaScript Object Notation)一種簡(jiǎn)單的數(shù)據(jù)格式,比xml更輕巧,這篇文章主要介紹了JS中Json數(shù)據(jù)的處理和解析JSON數(shù)據(jù)的方法詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06詳解GoJs節(jié)點(diǎn)的選中高亮實(shí)現(xiàn)示例
這篇文章主要為大家介紹了GoJs節(jié)點(diǎn)的選中高亮實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05