Coder Social home page Coder Social logo

sp-area's Introduction

sp-area

根据区划代码找关联区划。

Install

  npm i sp-area //or yarn add sp-area

Build

  npm run build

CDN

  <script src="https://unpkg.com/sp-area/dist/index.min.js"></script>
  <script>
    let {area} = __AREA;
    let origion = [
          { '510000': '四川省'},
          { '510100': '成都市' },
          { '510200': '绵阳市' },
          { '510201': '涪城区' },
          { '510202': '三台县' },
          { '510101': '武侯区' },
          { '510112': '青羊区' },
          { '520000': '贵州省' },
          { '520100': '贵阳市' },
          { '520101': '花溪区' },
          { '520102': '小河区' },
          { '520200': '安顺市' },
          { '520201': '安顺区'}]
    area({
      origion: origion,
      target: '510112',
      type: 'siblings',
      hasOwn: true,
      formatter(result) {
        result.forEach(item => {
          item.name = item.name.replace(/区|县/,'')
        })
        return result
      }
    })
    // [ { code: '510101', name: '武侯' },{ code: '510112', name: '青羊' } ]
  </script>

Usage

  const {
    area
  } = require("sp-area")
  • area(obj = {})

    • {Object} option
      • {Array} option.origion 区划数组
      • {String|Number} option.target 区划代码或区划名称
      • {String} option.type = children、siblings、parent
      • {Boolean} option.hasOwn 包括本身
      • {Function} option.formater 回调处理函数
      let origion = [
            { '510000': '四川省'},
            { '510100': '成都市' },
            { '510200': '绵阳市' },
            { '510201': '涪城区' },
            { '510202': '三台县' },
            { '510101': '武侯区' },
            { '510112': '青羊区' },
            { '520000': '贵州省' },
            { '520100': '贵阳市' },
            { '520101': '花溪区' },
            { '520102': '小河区' },
            { '520200': '安顺市' },
            { '520201': '安顺区'}];
      area(
        {
          origion: origion,
          target: '510100',
          type: 'children',
          hasOwn: false,
          formatter(result) {
            result.forEach(item => {
              item.name = item.name.replace(/区|县/,'')
            })
            return result
          }
        }
      );
      // '[ { code: '510101', name: '武侯' },{ code: '510112', name: '青羊' } ]'
      area(
        {
          origion: origion,
          target: '510100',
          type: 'children',
          hasOwn: true,
          formatter(result) {
            result.forEach(item => {
              item.name = item.name.replace(/区|县/,'')
            })
            return result
          }
        }
      );
      // '[ { code: '510100', name: '成都市' },{ code: '510101', name: '武侯' },{ code: '510112', name: '青羊' } ]'
      area(
        {
          origion: origion,
          target: '510100',
          type: 'siblings',
          hasOwn: false,
          formatter(result) {
            result.forEach(item => {
              item.name = item.name.replace(/区|县/,'')
            })
            return result
          }
        }
      );
      // '[ { code: '510200', name: '绵阳市' } ]'
      area(
        {
          origion: origion,
          target: '510100',
          type: 'siblings',
          hasOwn: true,
          formatter(result) {
            result.forEach(item => {
              item.name = item.name.replace(/区|县/,'')
            })
            return result
          }
        }
      );
      // [ { code: '510100', name: '成都市' },{ code: '510200', name: '绵阳市' } ]
      area(
        {
          origion: origion,
          target: '510100',
          type: 'parent',
          formatter(result) {
            result.forEach(item => {
              item.name = item.name.replace(/区|县/,'')
            })
            return result
          }
        }
      );
      // [ { code: '510000', name: '四川省' } ]

sp-area's People

Contributors

z41z avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.