<!DOCTYPE html> <html> <head> <meta http-equiv = " content-type " content = " text / html " /> <meta name = " keywords " content = " 配列は、フロントエンドで解析しやすいツリーに変換されますLike構造" /> <meta name = " description " content = " 配列は、フロントエンドで解析しやすいツリー構造に変換されます" > <meta name = " author " content = " KG " /> <meta charset = " utf-8 "> <title>配列は、フロントエンドで解析しやすいツリー構造に変換されます</ title> </ head> <body> <script> var data = [{ ' Province ':' Zhejiang ' 、 ' City ':' Wenzhou ' 、 ' コード':' 10010 ' }、{ ' 州':' 浙江省' 、 ' 市':' 杭州 ' 、 ' コード':' 10011 ' }、{ ' 省':' 安徽省' 、 ' 都市':' 合肥' 、 ' コード':' 10012 ' }、{ ' 省':' 安徽省' 、 ' 都市':」MAにシャン" 、 ' コード':' 10013 ' }、{ ' 州':' 浙江' 、 ' 都市':' 宁波' 、 ' コード':' 10014 ' }]; function toTree(data){ var newData = []、 hash = {}; for(var i = 0 ; i <data.length; i ++){ if(!hash [data [i] .province]){ hash [data [i] .province] = { ' 州' :data [i] .province }; hash [data [i] .province] [ ' city ' ] = [{ ' name ' :data [i] .city、 ' code ' :data [i] .code }]; newData.push(hash [data [i] .province]); } その他 if(hash [data [i] .province] .province == data [i] .province){ hash [data [i] .province] [ ' city ' ] .push({ ' name ' :data [i]。市、 ' コード' :data [i] .code }) } } return newData; } console.log(toTree(data)); </ script> </ body> </ html>