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

2019-4-14    seo達人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

<!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ù)組進行便利
        $(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ù)組進行遍歷
        $(a).each(function (index,row) {
            for(var key in row){
                alert('each key is '+key);
                alert('each value is '+row[key]);
            }
        })
    }
</script>
</html>
藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔