js 如何将数组重复元素归类组装成树形结构

Question

现在有数据如下所示：var _arr = [{'area':'北京','name':'刘德华'},{'area':'西安','name':'小明'},{'area':'德国','name':'小红'},{'area':'德国','name':'小李'},{'area':'东北','name':'小赵'},{'area':'东北','name':'小华'}];希望将数据重新组装成var _arr = [{'area':'北京','name':['刘德华']},{'area':'西安','name':['小明']},{'area':'德国','name':['小红','小李']},{'area':'东北','name':['小赵','小华']}];也就是对area进行判断 如果area相同，将名字归入到同一个数组，求方法。

Answer 1

用map就行

let m = {}

for(let i = 0; i< _arr.length; i++){

    let t = _arr[i]

    if(!m[t.area]){

        m[t.area] = []

    }

    m[t.area].push(t.name)

}

let arr = []

for(let key in m){

    arr.push({ area: key, name: m[key] })

}

Answer 2

处理数组、对象数据的思路很重要，一般手段是递归，或者借助第3个变量来完成遍历，还可以利用对象key值不重复的原理做很多事情。