国产视频app在js中,有時候需要對一些數據進行類型的轉換,比如 js 數組轉JSON,js對象轉JSON,JSON轉js數組,JSON轉js對象等等。而今天這篇博文就詳細的對js中,json類型數據與數組類型,對象類型數據之間的轉換做個詳細的介紹!

js對象,js數組轉成 json 的方法

国产视频appjs對象,js數組轉 json 要用到 JSON.stringify() 方法

1、js對象轉json的方法

代碼:

<script>
var json = { "name": "墨初", "age":28 }; //創建對象;
var jsonStr = JSON.stringify(json);       //轉為JSON字符串
console.log(jsonStr);
</script>

打印結果:

{"name":"墨初","age":28}

2、JS數組轉JSON的方法

代碼:

<script>
var arr = [1, 2, 3,'飛鳥慕魚博客'];
var jsonstr = JSON.stringify(arr);
console.log(jsonstr);
</script>

打印結果:

[1,2,3,"飛鳥慕魚博客"]

3、JS對象數組轉JSON方法

代碼:

<script>
var arr = [10, 255, 33, { a: 1 }, { b: 0 }];
var jsonstr = JSON.stringify(arr);
console.log(jsonstr);
</script>

打印結果:

[10,255,33,{"a":1},{"b":0}]

json 轉js數組以及js對象的方法

json 轉 js 數組以及 js對象要使用 JSON.parse() 方法

1、JSON轉JS數組方法

代碼:

<script>
var jsonStr = '[1,2,3,{"a":1}]';
var jsarr = JSON.parse(jsonStr);
console.log(jsarr);
alert(jsarr[0]);
</script>

執行結果:

//打印結果:
(4) [1, 2, 3, {…}]
0: 1
1: 2
2: 3
3: {a: 1}
//彈出結果:
1

2、JSON轉JS對象方法

代碼:

<script>
var jsonString = '{"name":"lala","age":22}';
var jsObject = JSON.parse(jsonString);    //轉換為json對象
alert(jsObject.name);    //取json中的值
</script>

執行結果:

lala

注意:

国产视频app1、在早期的瀏覽器版本(比如IE6, IE7),是沒有 JSON.stringify, JSON.parse方法的。

国产视频app2、如果你想兼容一些老式的瀏覽器,要引入json.js 或 json2.js 文件,引入后就可以方便的使用這些方法了