省市区三级联动,根据一个cityCode(递归)查询关联的父级信息

 

通过一个  citycode  比如  

结果:

 

以下是封装的代码

//area.js
import { findAllParents } from "@/utils/json";

export function getAreaCode(nodeId) {

    const parents = findAllParents(getArea(),{"code":nodeId},(item,node) => item.code === node.code,{
        props: {
            children: "child"
        }
    });

    let codes = []
    let names = []

    
    for(let node of parents) {
        codes.push(node.code)
        names.push(node.name)
    }
    
    codes.push(nodeId)
    let data = {codes:codes,names:names}
    return data

}


//省市县 三级
//这个json我在网上找的 太长了不复制那么多 
export function getArea (){
 
    let data = [
      {"code":"110000","name":"北京市","child":[{"code":"110100","name":"北京城区","child":[{"code":"110106","name":"丰台区","child":null},{"code":"110107","name":"石景山区","child":null},{"code":"110108","name":"海淀区","child":null},{"code":"110109","name":"门头沟区","child":null},{"code":"110111","name":"房山区","child":null},{"code":"110112","name":"通州区","child":null},{"code":"110113","name":"顺义区","child":null},{"code":"110114","name":"昌平区","child":null},{"code":"110115","name":"大兴区","child":null},{"code":"110116","name":"怀柔区","child":null},{"code":"110117","name":"平谷区","child":null},.......]

    return data 
}
//json.js
const defaults = {
    props: {
        children: "children"
    }
}

export const findParent = (data, node, predicate, options = {}) => {
    let config = Object.assign({}, defaults, options);

    let parent = undefined;
    for (let i = 0; i < data.length; i++) {
        if (parent) 
            return parent;
        
        let item = data[i];

        if (item[config.props.children] && item[config.props.children].length > 0) {

            let child = item[config.props.children].filter(c => predicate(c, node));
            if (child.length > 0) {
                parent = item;
            }

            if (parent === undefined) {
                parent = findParent(item[config.props.children], node, predicate, config);
            } else {
                break;
            }
        }
    }
    return parent;
}

export const findAllParents = (data, node, predicate, options = {}) => {
    let config = Object.assign({}, defaults, options);

    let allParents = [];
    let parent = findParent(data, node, predicate, config);
    while (parent !== undefined) {
        allParents.unshift(parent);
        parent = findParent(data, parent, predicate, config);
    }
    return allParents;
}

 

over~~

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值