客戶給我一份省市區(qū)的excel，讓我做成json，以便在項目中使用，我看了下，excel的數據十分規(guī)整，這也便于我去整合數據。excel如下圖
excel
廢話不多說，先把excel另存為csv格式，然后js中使用excel的js插件，引入xlsx.core.min.js
1、使用<input>標簽接收上傳文件。代碼如下：
<input type="file"id="fileUploader"name="fileUploader"accept=".csv"/>
2、監(jiān)聽input change 事件
$(document).ready(function(){
$("#fileUploader").change(function(evt){
// 上傳文件處理邏輯...
});
});
</script>
3、顯示在頁面上，便于copy
<label id="jsonObject"> </label>
完整代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
excel轉json
<input type="file" id="fileUploader" name="fileUploader" accept=".csv"/>
</br></br>
JSON : <label id="jsonObject"> </label>
</div>
</body>
<script type="text/javascript" src="js/jquery.js" ></script>
<script lang="javascript" src="js/xlsx.core.min.js"></script>
<script>
$(document).ready(function(){
$("#fileUploader").change(function(evt){
var selectedFile = evt.target.files[0];
var reader = new FileReader();
reader.readAsText(selectedFile);
var data = [];
reader.onload = function(event) {
var num = null;
var relArr = this.result.split("\r\n");
if(!$.isEmptyObject(relArr) && relArr.length > 1) {
for(var key = 0; key < relArr.length; key++) {
var values = relArr[key];
if(!$.isEmptyObject(values)) {
var objArr = values.split(",");
if(objArr[3] == '1') {
//新建省
let city = {"code": objArr[0], "name": objArr[1], "cityList": []}
data.push(city)
}else if(objArr[3] == '2') {
//新建市
let city = {"code": objArr[0], "name": objArr[1], "areaList": []}
let cityList = data[data.length-1].cityList;
cityList.push(city);
}else if(objArr[3] == '3') {
//新建區(qū)
let area = {"code": objArr[0], "name": objArr[1]}
let cityList = data[data.length-1].cityList;
let areaList = cityList[cityList.length-1].areaList;
areaList.push(area);
}
}
}
}
console.log(data);
$('#jsonObject').text(JSON.stringify(data));
};
reader.onerror = function(event) {
console.error("File could not be read! Code " + event.target.error.code);
};
});
});
</script>
</html>
解釋下具體代碼邏輯，csv文件，是如下格式的
csv文件
所以通過讀取csv文件，獲得this.result字符串，并通過\r\n分隔成relArr數組，此時每一行都是一個字符串，再通過,分割成objArr數組。由于數據比較規(guī)整，省級下邊就是該省的城市，城市下邊就緊跟該市的區(qū)，所以可以每次取data數據源的最后一個，并根據當前循環(huán)數據的層級，來決定存入第幾層的父級。如果數據源并非這么順序完好，也可以通過第三列的父節(jié)點編碼，去尋找應該放入哪個層級。
之后，就是下載地址
csv下載地址
json下載地址
