JSON基础入门实战讲解在线视频课程-JSON.JavaScript 数组转换

淩亂°似流年 2024-02-19 16:36 53阅读 0赞

### JavaScript 数组转换 ###

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]

我们也可以将 JavaScript 数组转换为 JSON 字符串：  
实例

var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr);

myJSON 为字符串。  
我们可以将 myJSON 发送到服务器：  
实例

var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; 
    ar myJSON = JSON.stringify(arr); 
    document.getElementById("demo").innerHTML = myJSON;

综合案例代码

<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    
    </head>
    
    <body>
    
        <h2> json转字符串</h2>
        
    	<div id="demo01"></div>	
        <div id="demo02"></div>	
        
        <script type="text/javascript">
     		var obj1={"xing":"黄","ming":"菊华"};
    		var obj2=["黄","菊","华"];
    		
    		var j1=JSON.stringify(obj1)
    		document.getElementById("demo01").innerHTML = j1;
    		
    		var j2=JSON.stringify(obj2)
    		document.getElementById("demo02").innerHTML = j2;
    		
    		
    	</script>
    
    
    </body>
    </html>

效果如  
![在这里插入图片描述][20190124141816136.png]![JSON基础入门实战讲解在线视频课程-JSON.JavaScript 数组转换][JSON_-JSON.JavaScript]

[欢迎大家学习我的视频课程：JSON基础入门实战讲解在线视频课程][JSON]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[20190124141816136.png]: https://img-blog.csdnimg.cn/20190124141816136.png
[JSON_-JSON.JavaScript]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/77062db3039c445bbd4a9dc9da87a73f.png
[JSON]: https://ke.qq.com/course/351621?tuin=2b10d56