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

2019-4-14    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎ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>
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

分享本文至：

日歷

鏈接

個(gè)人資料

存檔