zoukankan      html  css  js  c++  java
  • js 每日一更(数组转换成前端更容易解析的树状结构)

    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="content-type" content="text/html" />
            <meta name="keywords" content="数组转换成前端更容易解析的树状结构" />
            <meta name="description" content="数组转换成前端更容易解析的树状结构">
            <meta name="author" content="KG" />
            <meta charset="utf-8">
            <title>数组转换成前端更容易解析的树状结构</title>
        </head>
        <body>
            <script>
                var data = [{
                    'province': '浙江',
                    'city': '温州',
                    'code':'10010'
                }, {
                    'province': '浙江',
                    'city': '杭州',
                    'code':'10011'
                }, {
                    'province': '安徽',
                    'city': '合肥',
                    'code':'10012'
                }, {
                    'province': '安徽',
                    'city': '马鞍山',
                    'code':'10013'
                }, {
                    'province': '浙江',
                    'city': '宁波',
                    'code':'10014'
                }];
    
                function toTree(data) {
                    var newData=[],
                    hash={};
                    for(var i=0;i<data.length;i++){
                        if(!hash[data[i].province]){
                            hash[data[i].province]={
                                'province':data[i].province    
                            };
                            hash[data[i].province]['city']=[{
                                'name':data[i].city,
                                'code':data[i].code
                            }];
                            newData.push(hash[data[i].province]);
                        }else if(hash[data[i].province].province==data[i].province){
                            hash[data[i].province]['city'].push({
                                'name':data[i].city,
                                'code':data[i].code
                            })
                        }
                    }
                    return newData;
                }
                
                console.log(toTree(data));
            </script>
        </body>
    </html>
  • 相关阅读:
    用户交互
    python简介
    maven阿里云镜像setting
    apache虚拟主机的ip用法 包括iis
    apache的虚拟主机配置和指定目录的访问描述(
    apache重定向301 配置,根域名转到www
    前端学习
    一步一步写jQuery插件
    json 和 table控件
    下载相关
  • 原文地址:https://www.cnblogs.com/nimon-hugo/p/12694277.html
Copyright © 2011-2022 走看看