摘要:省市區數據工具包,含有省市區三級數據,支持排序和自定義返回的數據屬性。臺灣香港澳門的數據中相同。默認返回數據對象的全部屬性,支持傳數組或對象,數組元素或對象屬性必須為數據對象中的屬性。地市,必填參數。
https://github.com/cq0122/province-city-area
省市區數據工具包,含有省市區三級數據,支持排序和自定義返回的數據屬性。安裝
$npm install province-city-area --save數據對象
屬性 | 類型 | 說明 |
---|---|---|
id | string | id |
pid | string | pid |
name | string | 名稱 |
full_name | string | 全稱 |
short_name | string | 簡稱 |
pinyin | string | 拼音 |
pinyin_initial | string | 拼音首字母 |
area_code | string | 區號 |
id | province | city | city_remark | area |
---|---|---|---|---|
11 | 北京 | 東城、西城、朝陽、豐臺、石景山、海淀、門頭溝、房山、通州、順義、昌平、大興、懷柔、平谷、密云、延慶 | 16 個市轄區 | - |
12 | 天津 | 和平、河東、河西、南開、河北、紅橋、東麗、西青、津南、北辰、武清、寶坻、濱海、寧河、靜海、薊州 | 16 個市轄區 | - |
13 | 河北 | 石家莊、唐山、秦皇島、邯鄲、邢臺、保定、張家口、承德、滄州、廊坊、衡水 | 11 個地級市 | 188 |
14 | 山西 | 太原、大同、陽泉、長治、晉城、朔州、晉中、運城、忻州、臨汾、呂梁 | 11 個地級市 | 122 |
15 | 內蒙古 | 呼和浩特、包頭、烏海、赤峰、通遼、鄂爾多斯、呼倫貝爾、巴彥淖爾、烏蘭察布、興安盟、錫林郭勒盟、阿拉善盟 | 9 個地級市、3 個盟 | 109 |
21 | 遼寧 | 沈陽、大連、鞍山、撫順、本溪、丹東、錦州、營口、阜新、遼陽、盤錦、鐵嶺、朝陽、葫蘆島 | 14 個地級市 | 100 |
22 | 吉林 | 長春、吉林市、四平、遼源、通化、白山、松原、白城、延邊 | 8 個地級市、1 個自治州 | 69 |
23 | 黑龍江 | 哈爾濱、齊齊哈爾、雞西、鶴崗、雙鴨山、大慶、伊春、佳木斯、七臺河、牡丹江、黑河、綏化、大興安嶺 | 12 個地級市、1 個地區 | 134 |
31 | 上海 | 黃浦、徐匯、長寧、靜安、普陀、虹口、楊浦、閔行、寶山、嘉定、浦東、金山、松江、青浦、奉賢、崇明 | 16 個市轄區 | - |
32 | 江蘇 | 南京、無錫、徐州、常州、蘇州、南通、連云港、淮安、鹽城、揚州、鎮江、泰州、宿遷 | 13 個地級市 | 107 |
33 | 浙江 | 杭州、寧波、溫州、嘉興、湖州、紹興、金華、衢州、舟山、臺州、麗水 | 11 個地級市 | 90 |
34 | 安徽 | 合肥、蕪湖、蚌埠、淮南、馬鞍山、淮北、銅陵、安慶、黃山、滁州、阜陽、宿州、六安、亳州、池州、宣城 | 16 個地級市 | 120 |
35 | 福建 | 福州、廈門、莆田、三明、泉州、漳州、南平、龍巖、寧德 | 9 個地級市 | 84 |
36 | 江西 | 南昌、景德鎮、萍鄉、九江、新余、鷹潭、贛州、吉安、宜春、撫州、上饒 | 11 個地級市 | 100 |
37 | 山東 | 濟南、青島、淄博、棗莊、東營、煙臺、濰坊、濟寧、泰安、威海、日照、臨沂、德州、聊城、濱州、菏澤 | 16 個地級市 | 154 |
41 | 河南 | 鄭州、開封、洛陽、平頂山、安陽、鶴壁、新鄉、焦作、濮陽、許昌、漯河、三門峽、南陽、商丘、信陽、周口、駐馬店、濟源 | 17 個省轄市、1 個省直管市 | 181 |
42 | 湖北 | 武漢、黃石、十堰、宜昌、襄陽、鄂州、荊門、孝感、荊州、黃岡、咸寧、隨州、恩施、仙桃、潛江、天門、神農架 | 12 個地級市、1 個自治州、3 個省直管縣級市、1 個林區 | 101 |
43 | 湖南 | 長沙、株洲、湘潭、衡陽、邵陽、岳陽、常德、張家界、益陽、郴州、永州、懷化、婁底、湘西 | 13 個地級市、1 個自治州 | 139 |
44 | 廣東 | 廣州、韶關、深圳、珠海、汕頭、佛山、江門、湛江、茂名、肇慶、惠州、梅州、汕尾、河源、陽江、清遠、東莞、中山、潮州、揭陽、云浮 | 21 個地級市 | 181 |
45 | 廣西 | 南寧、柳州、桂林、梧州、北海、防城港、欽州、貴港、玉林、百色、賀州、河池、來賓、崇左 | 14 個地級市 | 111 |
46 | 海南 | 海口、三亞、三沙、儋州、五指山、瓊海、文昌、萬寧、東方、定安、屯昌、澄邁、臨高、白沙、昌江、樂東、陵水、保亭、瓊中 | 4 個地級市、15 個省直轄縣級行政單位 | 29 |
50 | 重慶 | 萬州、涪陵、渝中、大渡口、江北、沙坪壩、九龍坡、南岸、北碚、綦江、大足、渝北、巴南、黔江、長壽、江津、合川、永川、南川、璧山、璧山、潼南、榮昌、開州、梁平、武隆、城口、豐都、墊江、忠縣、云陽、奉節、巫山、巫溪、石柱、秀山、酉陽、彭水 | 26 個區、8 個縣、4 個自治縣 | - |
51 | 四川 | 成都、自貢、攀枝花、瀘州、德陽、綿陽、廣元、遂寧、內江、樂山、南充、眉山、宜賓、廣安、達州、雅安、巴中、資陽、阿壩、甘孜、涼山 | 18 個地級市、3 個自治州 | 186 |
52 | 貴州 | 貴陽、六盤水、遵義、安順、畢節、銅仁、黔西南、黔東南、黔南 | 6 個地級市、3 個自治州 | 88 |
53 | 云南 | 昆明、曲靖、玉溪、保山、昭通、麗江、普洱、臨滄、楚雄、紅河、文山、西雙版納、大理、德宏、怒江、迪慶 | 8 個地級市、8 個自治州 | 129 |
54 | 西藏 | 拉薩、日喀則、昌都、林芝、山南、那曲、阿里 | 6 個地級市、1 個地區 | 78 |
61 | 陜西 | 西安、銅川、寶雞、咸陽、渭南、延安、漢中、榆林、安康、商洛 | 10 個地級市 | 107 |
62 | 甘肅 | 蘭州、嘉峪關、金昌、白銀、天水、武威、張掖、平涼、酒泉、慶陽、定西、隴南、臨夏、甘南 | 12 個地級市、2 個自治州 | 93 |
63 | 青海 | 西寧、海東、海北、黃南、海南、果洛、玉樹、海西 | 2 個地級市、6 個自治州 | 45 |
64 | 寧夏 | 銀川、石嘴山、吳忠、固原、中衛 | 5 個地級市 | 22 |
65 | 新疆 | 烏魯木齊、克拉瑪依、吐魯番、哈密、昌吉、博爾塔拉、巴音郭楞、阿克蘇、克孜勒蘇、喀什、和田、伊犁、塔城、阿勒泰、石河子、阿拉爾、圖木舒克、五家渠、北屯、鐵門關、雙河、可克達拉、昆玉 | 4 個地級市、5 個地區、5 個自治州、9 個自治區直轄縣級市 | 119 |
71 | 臺灣 | 臺北市、新北市、桃園市、臺中市、臺南市、高雄市、基隆市、新竹市、嘉義市、新竹縣、苗栗縣、彰化縣、南投縣、云林縣、嘉義縣、屏東縣、宜蘭縣、花蓮縣、臺東縣、澎湖縣、金門縣、連江縣 | 6 個直轄市、3 市、13 縣 | - |
81 | 香港 | 中西區、灣仔區、東區、南區、油尖旺區、深水埗區、九龍城區、黃大仙區、觀塘區、北區、大埔區、沙田區、西貢區、荃灣區、屯門區、元朗區、葵青區、離島區 | 18 個區 | - |
82 | 澳門 | 花地瑪堂區、圣安多尼堂區、大堂區、望德堂區、風順堂區、嘉模堂區、圣方濟各堂區 | 7 個堂區 | - |
province、area 的區號為 null,city 的區號不為空。
臺灣、香港、澳門的 city 數據中 name、full_name、short_name 相同。
數據為個人整理,難免有遺漏和疏忽,如有錯誤,歡迎指正,謝謝。使用說明
filed 返回數組元素的屬性,可選參數。默認返回數據對象的全部屬性,支持傳數組或對象,數組元素或對象屬性必須為數據對象中的屬性。例如:["id", "name", "pinyin"],則返回[{id:"xx1",name:"xx1",pinyin:"xx1"},{id:"xx2",name:"xx2",pinyin:"xx2"}...]。同時也支持傳對象參數更改返回值的對象屬性,例如:{id:"value",name:"label"},則返回[{value:"xx1",label:"xx1"},{value:"xx2",label:"xx2"}...]。
sort 字段和排序規則對象,可選參數。默認按 id 升序。例如:{id:"desc",pinyin:"desc"},排序對象的屬性必須為數據對象中的屬性,屬性定義的順序影響排序的結果,值為 asc 或 desc。
pid 省 id,必填參數。
filed,參考 getProvinces。
sort,參考 getProvinces。
pid 地市 id,必填參數。
filed,參考 getProvinces。
sort,參考 getProvinces。
使用示例import { getProvinces, getCitys, getAreas } from "province-city-area"; getProvinces({ id: "key", name: "label" }, { pinyin: "asc" }); //=> [{"key":"34","label":"安徽"},{"key":"82","label":"澳門"},{"key":"11","label":"北京"},{"key":"50","label":"重慶"},{"key":"35","label":"福建"},{"key":"62","label":"甘肅"},{"key":"44","label":"廣東"},{"key":"45","label":"廣西"},{"key":"52","label":"貴州"},{"key":"46","label":"海南"},{"key":"13","label":"河北"},{"key":"41","label":"河南"},{"key":"23","label":"黑龍江"},{"key":"42","label":"湖北"},{"key":"43","label":"湖南"},{"key":"22","label":"吉林"},{"key":"32","label":"江蘇"},{"key":"36","label":"江西"},{"key":"21","label":"遼寧"},{"key":"15","label":"內蒙古"},{"key":"64","label":"寧夏"},{"key":"63","label":"青海"},{"key":"37","label":"山東"},{"key":"14","label":"山西"},{"key":"61","label":"陜西"},{"key":"31","label":"上海"},{"key":"51","label":"四川"},{"key":"71","label":"臺灣"},{"key":"12","label":"天津"},{"key":"54","label":"西藏"},{"key":"81","label":"香港"},{"key":"65","label":"新疆"},{"key":"53","label":"云南"},{"key":"33","label":"浙江"}] getCitys(42, { id: "i", name: "n" }); //=> [{"i":"4201","n":"武漢"},{"i":"4202","n":"黃石"},{"i":"4203","n":"十堰"},{"i":"4205","n":"宜昌"},{"i":"4206","n":"襄陽"},{"i":"4207","n":"鄂州"},{"i":"4208","n":"荊門"},{"i":"4209","n":"孝感"},{"i":"4210","n":"荊州"},{"i":"4211","n":"黃岡"},{"i":"4212","n":"咸寧"},{"i":"4213","n":"隨州"},{"i":"4228","n":"恩施"},{"i":"429004","n":"仙桃"},{"i":"429005","n":"潛江"},{"i":"429006","n":"天門"},{"i":"429021","n":"神農架"}] getCitys(42, ["id", "name"]); //=> [{"id":"4201","name":"武漢"},{"id":"4202","name":"黃石"},{"id":"4203","name":"十堰"},{"id":"4205","name":"宜昌"},{"id":"4206","name":"襄陽"},{"id":"4207","name":"鄂州"},{"id":"4208","name":"荊門"},{"id":"4209","name":"孝感"},{"id":"4210","name":"荊州"},{"id":"4211","name":"黃岡"},{"id":"4212","name":"咸寧"},{"id":"4213","name":"隨州"},{"id":"4228","name":"恩施"},{"id":"429004","name":"仙桃"},{"id":"429005","name":"潛江"},{"id":"429006","name":"天門"},{"id":"429021","name":"神農架"}] getAreas(4213); //=> [{"fullName":"曾都區","id":"421303","name":"曾都","pinyin":"zeng_du","pinyinInitial":"Z"},{"fullName":"隨縣","id":"421321","name":"隨縣","pinyin":"sui_xian","pinyinInitial":"S"},{"fullName":"廣水市","id":"421381","name":"廣水","pinyin":"guang_shui","pinyinInitial":"G"}]價值¥ 1?? 的排序方法
orderBy(collection, sort):數組對象排序方法,支持多個屬性排序,支持中文排序。
collection 對象數組。
sort 字段和排序規則對象,排序對象的屬性必須為數據對象中的屬性,屬性定義的順序影響排序的結果,值為 asc 或 desc。
import { orderBy } from "province-city-area"; const students = [ {"id":"11","name":"劉一","total":700,"en":150,"pe":"C"}, {"id":"12","name":"陳二","total":700,"en":149,"pe":"B"}, {"id":"13","name":"張三","total":700,"en":149,"pe":"A"}, {"id":"14","name":"李四","total":700,"en":149,"pe":"A"}, {"id":"15","name":"王五","total":720,"en":150,"pe":"A"}, {"id":"16","name":"趙六","total":700,"en":150,"pe":"A"}, {"id":"17","name":"孫七","total":700,"en":149,"pe":"A"}, {"id":"18","name":"周八","total":700,"en":150,"pe":"B"}, {"id":"19","name":"吳九","total":720,"en":149,"pe":"A"}, {"id":"20","name":"鄭十","total":720,"en":150,"pe":"B"} ]; orderBy(students, { total: "desc", en: "asc" }); //=>[{"id":"19","name":"吳九","total":720,"en":149,"pe":"A"}, //=> {"id":"15","name":"王五","total":720,"en":150,"pe":"A"}, //=> {"id":"20","name":"鄭十","total":720,"en":150,"pe":"B"}, //=> {"id":"12","name":"陳二","total":700,"en":149,"pe":"B"}, //=> {"id":"13","name":"張三","total":700,"en":149,"pe":"A"}, //=> {"id":"14","name":"李四","total":700,"en":149,"pe":"A"}, //=> {"id":"17","name":"孫七","total":700,"en":149,"pe":"A"}, //=> {"id":"11","name":"劉一","total":700,"en":150,"pe":"C"}, //=> {"id":"16","name":"趙六","total":700,"en":150,"pe":"A"}, //=> {"id":"18","name":"周八","total":700,"en":150,"pe":"B"}] orderBy(students, { pe: "asc", name: "asc" }); //=>[{"id":"14","name":"李四","total":700,"en":149,"pe":"A"}, //=> {"id":"17","name":"孫七","total":700,"en":149,"pe":"A"}, //=> {"id":"15","name":"王五","total":720,"en":150,"pe":"A"}, //=> {"id":"19","name":"吳九","total":720,"en":149,"pe":"A"}, //=> {"id":"13","name":"張三","total":700,"en":149,"pe":"A"}, //=> {"id":"16","name":"趙六","total":700,"en":150,"pe":"A"}, //=> {"id":"12","name":"陳二","total":700,"en":149,"pe":"B"}, //=> {"id":"20","name":"鄭十","total":720,"en":150,"pe":"B"}, //=> {"id":"18","name":"周八","total":700,"en":150,"pe":"B"}, //=> {"id":"11","name":"劉一","total":700,"en":150,"pe":"C"}]
Hope you will like !
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104646.html
摘要:使用實現省市區三級聯動開發工具使用技術效果圖如下話不多說上代碼一,頁面部分二,部分首先引入以下代碼注意引入上方代碼之前需先運行下方代碼進行安裝然后再寫入以下代碼這樣一個省市區三級聯動的下拉列表就完成了 ...
摘要:是有贊端規范的實現版本,提供了一整套基礎的組件以及常用的業務組件。目前我們有組件,其中包括以及等實用的業務組件。一套有贊設計師繪制的圖標庫。為了解決這些問題,提供了一套自己的時間選擇組件,包括日期選擇周選擇組件月選擇以及時間區間選擇。 Zent ( ?zent ) 是有贊 PC 端 Web UI 規范的 React 實現版本,提供了一整套基礎的 UI 組件以及常用的__業務組件__。通...
正在進行NLP(自然語言處理)相關任務完成后,經常碰到務必辨別并獲得省、大都市、行政區的需求。今天給大家介紹1個模塊,你只需將結構體數組傳遞給這個模塊,他就可以給你返回這個結構體數組內的省、市、區關鍵詞,趕緊一起來了解一下 正在進行NLP(自然語言處理)相關任務完成后,經常碰到務必辨別并獲得省、大都市、行政區的需求。雖然自身依據關鍵詞表1個一個搜索也可以實現獲得目的,但必須要先搜集省份關鍵詞...
摘要:數據來源臺灣缺省完成圖初始化選完省之后部分請選擇請選擇暫無數據暫無數據一開始的初始狀態是省份可以選擇,利用來控制市和區的現實選項。當省份未選擇時,市區因為沒有數據,所以會選擇暫無數據。 依舊使用vue,不需要關注dom太方便了。數據來源(臺灣缺省):https://github.com/airyland/c... 完成圖 初始化 showImg(https://segmentfault...
摘要:前言歷時一周,終于成功兼容了和小程序,在此使用的框架,遇到的問題在此記錄一下。四表單手百小程序組件是支持模式,直接可以實現省市區選擇,但是框架不支持,需要用的功能來實現省市區的選擇。 前言 歷時一周,終于成功兼容了h5和小程序,在此使用的taro框架,遇到的問題在此記錄一下。 一、環境判斷 使用 Taro,我們可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不...
閱讀 1176·2023-04-26 00:34
閱讀 3348·2023-04-25 16:47
閱讀 2109·2021-11-24 11:14
閱讀 3092·2021-09-26 09:55
閱讀 3682·2019-08-30 15:56
閱讀 3211·2019-08-29 16:57
閱讀 1903·2019-08-26 13:38
閱讀 2663·2019-08-26 12:22