전단 에 대해 json 데 이 터 를 Excel 형식 으로 내 보 내 고 다운로드 합 니 다.
여기에 사용 할 두 개의 작은 플러그 인 중 하 나 는 xslx. js 이 고 하 나 는 FileSaver. js 입 니 다. 전 자 는 엑셀 생 성 을 처리 하고 후 자 는 파일 을 다운로드 하여 로 컬 에 저장 합 니 다.
다운로드 주소:
https://github.com/eligrey/FileSaver.js
https://github.com/SheetJS/js-xlsx/tree/028d7010a516383cb9a2fdd0f0a919392e77600a/demos/angular
excel
var students = [{
"name": " 1",
"age": "6",
"sex": " ",
"height": "60"
}, {
"name": " 2",
"age": "7",
"sex": " ",
"height": "70"
}, {
"name": " 3",
"age": "8",
"sex": " ",
"height": "80"
}];
function downloadExl(data, type) {
var keys = Object.keys(data[0]);
var firstRow = {};
keys.forEach(function (item) {
firstRow[item] = item;
});
data.unshift(firstRow);
var content = {};
// json excel
var sheetsData = data.map(function (item, rowIndex) {
return keys.map(function (key, columnIndex) {
return Object.assign({}, {
value: item[key],
position: (columnIndex > 25 ? getCharCol(columnIndex) : String.fromCharCode(65 + columnIndex)) + (rowIndex + 1),
});
});
}).reduce(function (prev, next) {
return prev.concat(next);
});
sheetsData.forEach(function (item, index) {
content[item.position] = { v: item.value };
});
// , A1 D10,SheetNames: ,
var coordinate = Object.keys(content);
var workBook = {
SheetNames: ["helloSheet"],
Sheets: {
"helloSheet": Object.assign({}, content, { "!ref": coordinate[0] + ":" + coordinate[coordinate.length - 1] }),
}
};
//
var excelData = XLSX.write(workBook, { bookType: "xlsx", bookSST: false, type: "binary" });
var blob = new Blob([string2ArrayBuffer(excelData)], { type: "" });
saveAs(blob, "hello.xlsx");
}
//
function string2ArrayBuffer(s) {
var buf = new ArrayBuffer(s.length);
var view = new Uint8Array(buf);
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
return buf;
}
// 26 。 :[0-25] -> [A-Z]。
function getCharCol(n) {
let temCol = "",
s = "",
m = 0
while (n > 0) {
m = n % 26 + 1
s = String.fromCharCode(m + 64) + s
n = (n - m) / 26
}
return s
}
순 전 히 출처 를 참고 하 는 것 이다.https://www.cnblogs.com/absolute-child/p/8083129.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.