JS问题,JS中怎么将JSON字符串装换成二维数组

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS问题,JS中怎么将JSON字符串装换成二维数组相关的知识,希望对你有一定的参考价值。

前遇到点js的问题,就是需要根据后台传回的json字符串组合成一个二维数组供组件使用,类似于这样的json字符串: var jsonData=' month:12, day:24 , month:12, day:25 , month:12, day:31 ' ; 需要转成: var jsonData=[ month:12, day:24 , mont... 前遇到点js的问题,就是需要根据后台传回的json字符串组合成一个二维数组供组件使用,类似于这样的json字符串: var jsonData=' month:12, day:24 , month:12, day:25 , month:12, day:31 ' ; 需要转成: var jsonData=[ month:12, day:24 , month:12, day:25 , month:12, day:31 ];

参考技术A 首先你这个不是json字符串。。
不过也可以转,
1var obj = eval("([" + jsonData + "])");

js 一数组分割成若干个数组,并装换成字符串赋个li标签

success: function (datas) { //请求成功后处理函数。
                    var htmltext = ‘‘;
                    var data = datas.result;
                    console.log(data)
                    var ihtml = [];
                    for (var i in data) {
                        ihtml.push(‘<div class="col-md-3 col-sm-6 col-xs-6">‘
                            + ‘<img src="‘ + data[i].img + ‘" width="240" height="180"/>‘
                            + ‘</div>‘)

                    }
                   
                    var len = ihtml.length/4;
                    len = parseInt(ihtml.length%4!=0?len+1:len);
                    console.log(len);
                    for(var i=0;i<len;i++){
                        var start = i*4;
                        var end = start+4;
                        end = end>ihtml.length?ihtml.length:end;
                        ihtml.slice(start,end);
                        console.log(ihtml.slice(start,end))
                        htmltext += ‘<li>‘ +
                            ‘‘ + (ihtml.slice(start,end)).join("") + ‘‘ +
                            ‘</li>‘
                            console.log(1)
                    }


                    console.log(ihtml)
                    console.log(htmltext);
                    $(".coop-ul").html(htmltext);
                 

                },
<ul class="coop-ul">
                    <li>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/01.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/02.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/03.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/04.png" width="190">
                            <!-- </a> -->
                        </div>
                    </li>
                    <li class="li2">
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/05.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/06.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/07.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/08.png" width="190">
                            <!-- </a> -->
                        </div>
                    </li>
                    <li class="li3">
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/09.jpg" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/10.jpg" width="190" height="120">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/07.png" width="190">
                            <!-- </a> -->
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-6">
                            <!-- <a href="javascript:return false;" target="_blank"> -->
                            <img src="img/08.png" width="190">
                            <!-- </a> -->
                        </div>
                    </li>
                </ul>

 

以上是关于JS问题,JS中怎么将JSON字符串装换成二维数组的主要内容,如果未能解决你的问题,请参考以下文章

怎样将json数据转换成匿名数组或者泛型对象(c#)

java 中json.parsearray怎么将结果装换成list<map<string,string>>

js如何把二维数组转换成json字符串格式

js 转换成整形

js对json数组的操作,如何将json数组里面的每一个对象的value取出生成与之对应的二维数组?

js 一数组分割成若干个数组,并装换成字符串赋个li标签