JSONとJavaScriptオブジェクトの変換

6112 ワード

最近はJSONに接触します.これまではxmlだけ勉強しました.練習コードを貼って記録してください.JSONオブジェクトの属性を取得します.
<script type="text/javascript">
            function fun1(){
                var person = {"name":"laobai","age":18}
                var person2 = {"name":"xiangyu","age":{
                    "age1":18,
                    "age2":20
                }}
                alert(person.name + ":" + person.age)
                alert(person2.name + ":" +person2.age.age1 +  " "+ person2.age.age2)
            }
        script>
2.JSON配列のオブジェクトの属性を取得する
<script type="text/javascript">
            function f1 () {
                var persons = [
                {"name":"laobai","age":18},
                {"name":"xiangyu","age":20},
                {"name":"dazui","age":30}
                ]
                alert(persons[0].name+" "+persons[0].age)
                alert(persons[1].name+" "+persons[1].age)
                alert(persons[2].name+" "+persons[2].age)
            }
        script>
3.JSON文字列をJavaScriptオブジェクトに変換する
<script type="text/javascript" src="src/json.js">script>
        <script type="text/javascript">
            var str = '{"name":"laobai","age":18}'
            function f() {
                //var obj = eval("("+str+")")
                //   json.js  
                //var obj = JSON.parse(str)
                //  json.js  
                var obj = str.parseJSON()
                alert(obj.name + " " + obj.age)
            }
        script>
4.JSON文字列をJavaScript配列に変換する
<script type="text/javascript">
            var str = '[{"name":"laobai","age":18},'
            + '{"name":"dazui","age":25}]'
            function f() {
                //   json.js  
                //var arr = eval("("+str+")")
                //  json.js  
                var arr = str.parseJSON()
                alert(arr[0].name + " " + arr[0].age)
                alert(arr[1].name + " " + arr[1].age)
            }
        script>