SPELLNUMS

SpreadJS를 사용하면 숫자를 단어로 서식하거나 표시할 수 있습니다. 예를 들어 '34'를 'thirty four'로 표시합니다. 이 작업은 SPELNUMS 사용자 지정 기능 덕분에 수행됩니다.

설명
app.vue
index.html

구문

=SPELLNUMS(arg)
인수 설명
arg (필수) - 단어로 변환될 값입니다.

SPELLNUMS 함수를 위의 코드에서 직접 셀에 입력하거나 setFormula 메서드를 사용하여 수식을 적용할 수 있습니다.

    var spread = GC.Spread.Sheets.findControl(document.getElementById('ss'));
    var sheet = spread.getActiveSheet();
    //set formula
    sheet.setFormula(0, 1, '=SPELLNUMS(A1)');

사용법 참고 사항

SPELLNUMS 함수는 매우 쉽게 사용할 수 있습니다. 텍스트로 변환하려는 값을 나타내는 숫자 유형 인수가 필요합니다.

숫자에 소수 부분이 있는 경우 가장 가까운 정수로 반올림됩니다.

이점

숫자로 저장된 숫자 값을 텍스트로 변경해야 하는 여러 가지 이유가 있을 수 있습니다. 송장 총계 또는 스프레드시트 내 텍스트 단락이 있는 경우를 예로 들 수 있습니다(숫자 때문에 가독성이 떨어질 수 있기 때문에 100보다 작은 숫자는 텍스트로 쓰는 것이 좋음). 이 함수를 사용하면 복잡한 사용자 정의 함수 및 메서드를 만들 필요 없이 지정된 숫자를 단어로 변환할 수 있습니다.

구문 인수 설명 arg (필수) - 단어로 변환될 값입니다. SPELLNUMS 함수를 위의 코드에서 직접 셀에 입력하거나 setFormula 메서드를 사용하여 수식을 적용할 수 있습니다. 사용법 참고 사항 SPELLNUMS 함수는 매우 쉽게 사용할 수 있습니다. 텍스트로 변환하려는 값을 나타내는 숫자 유형 인수가 필요합니다. 숫자에 소수 부분이 있는 경우 가장 가까운 정수로 반올림됩니다. 이점 숫자로 저장된 숫자 값을 텍스트로 변경해야 하는 여러 가지 이유가 있을 수 있습니다. 송장 총계 또는 스프레드시트 내 텍스트 단락이 있는 경우를 예로 들 수 있습니다(숫자 때문에 가독성이 떨어질 수 있기 때문에 100보다 작은 숫자는 텍스트로 쓰는 것이 좋음). 이 함수를 사용하면 복잡한 사용자 정의 함수 및 메서드를 만들 필요 없이 지정된 숫자를 단어로 변환할 수 있습니다.
<template> <div class="sample-tutorial"> <gc-spread-sheets class="sample-spreadsheets" @workbookInitialized="initSpread"> <gc-worksheet :autoGenerateColumns='autoGenerateColumns'> </gc-worksheet> </gc-spread-sheets> </div> </template> <script setup> import '@mescius/spread-sheets-vue'; import { ref } from "vue"; import GC from '@mescius/spread-sheets'; import '@mescius/spread-sheets-resources-ko'; GC.Spread.Common.CultureManager.culture("ko-kr"); const spreadRef = ref(null); let initSpread = function (spread) { spreadRef.value = spread; //custom function - should be a genuine one function NumbersToWords() { this.name = "SPELLNUMS"; this.maxArgs = 1; this.minArgs = 1; } NumbersToWords.prototype = new GC.Spread.CalcEngine.Functions.Function(); NumbersToWords.prototype.evaluate = function (arg) { if (arguments.length === 1 && !isNaN(parseInt(arg))) { let string = Math.floor(arg).toString(), units, tens, scales, start, end, chunks, chunksLen, chunk, ints, i, word, words, and = 'and'; /* Remove spaces and commas */ string = string.replace(/[, ]/g, ""); if (parseInt(string) === 0) { return 'zero'; } units = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen', 'seventeen', 'eighteen', 'nineteen']; tens = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety']; scales = ['', 'thousand', 'million', 'billion', 'trillion', 'quadrillion', 'quintillion', 'sextillion', 'septillion', 'octillion', 'nonillion', 'decillion', 'undecillion', 'duodecillion', 'tredecillion', 'quatttuor-decillion', 'quindecillion', 'sexdecillion', 'septen-decillion', 'octodecillion', 'novemdecillion', 'vigintillion', 'centillion']; start = string.length; chunks = []; while (start > 0) { end = start; chunks.push(string.slice((start = Math.max(0, start - 3)), end)); } chunksLen = chunks.length; if (chunksLen > scales.length) { return ''; } words = []; for (i = 0; i < chunksLen; i++) { chunk = parseInt(chunks[i]); if (chunk) { /* Split chunk into array of individual integers */ ints = chunks[i].split('').reverse().map(parseFloat); /* If tens integer is 1, i.e. 10, then add 10 to units integer */ if (ints[1] === 1) { ints[0] += 10; } /* Add scale word if chunk is not zero and array item exists */ if ((word = scales[i])) { words.push(word); } /* Add unit word if array item exists */ if ((word = units[ints[0]])) { words.push(word); } /* Add tens word if array item exists */ if ((word = tens[ints[1]])) { words.push(word); } /* Add 'and' string after units or tens integer if: */ if (ints[0] || ints[1]) { /* Chunk has a hundreds integer or chunk is the first of multiple chunks */ if (ints[2] || !i && chunksLen) { if (ints.length > 2) { words.push(and); } } } /* Add hundreds word if array item exists */ if ((word = units[ints[2]])) { words.push(word + ' hundred'); } } } return words.reverse().join(' '); } return "#VALUE!"; }; spread.suspendPaint(); let sheet = spread.getSheet(0); sheet.addCustomFunction(new NumbersToWords()); sheet.setColumnWidth(0, 120); sheet.setColumnWidth(1, 120); sheet.setValue(0, 0, 'Number'); sheet.setValue(0, 1, 'Formula'); sheet.setValue(0, 2, 'Result'); sheet.setValue(1, 0, '23679'); sheet.setValue(1, 1, '=SPELLNUMS(A2)'); sheet.setFormula(1, 2, 'SPELLNUMS(A2)'); sheet.setValue(2, 0, '34'); sheet.setValue(2, 1, '=SPELLNUMS(A3)'); sheet.setFormula(2, 2, 'SPELLNUMS(A3)'); sheet.setValue(3, 0, '4567893400'); sheet.setValue(3, 1, '=SPELLNUMS(A4)'); sheet.setFormula(3, 2, 'SPELLNUMS(A4)'); spread.resumePaint(); } </script> <style scoped> #app { height: 100%; } .sample-tutorial { position: relative; height: 100%; overflow: hidden; } .sample-spreadsheets { width: 100%; height: 100%; overflow: hidden; float: left; } .options-container { float: right; width: 280px; padding: 12px; height: 100%; box-sizing: border-box; background: #fbfbfb; overflow: auto; } .option-row { font-size: 14px; padding: 5px; margin-top: 10px; } #switchAutoMergeMode { margin: 10px 0px; } body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } </style>
<!DOCTYPE html> <html style="height:100%;font-size:14px;"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>SpreadJS VUE</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="$DEMOROOT$/ko/vue3/node_modules/@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <script src="$DEMOROOT$/ko/vue3/node_modules/systemjs/dist/system.src.js"></script> <script src="./systemjs.config.js"></script> <script src="./compiler.js" type="module"></script> <script> var System = SystemJS; System.import("./src/app.js"); System.import('$DEMOROOT$/ko/lib/vue3/license.js'); </script> </head> <body> <div id="app"></div> </body> </html>
(function (global) { SystemJS.config({ transpiler: 'plugin-babel', babelOptions: { es2015: true }, paths: { // paths serve as alias 'npm:': 'node_modules/' }, packageConfigPaths: [ './node_modules/*/package.json', "./node_modules/@mescius/*/package.json", "./node_modules/@babel/*/package.json", "./node_modules/@vue/*/package.json" ], map: { 'vue': "npm:vue/dist/vue.esm-browser.js", 'tiny-emitter': 'npm:tiny-emitter/index.js', 'plugin-babel': 'npm:systemjs-plugin-babel/plugin-babel.js', "systemjs-babel-build": "npm:systemjs-plugin-babel/systemjs-babel-browser.js", '@mescius/spread-sheets': 'npm:@mescius/spread-sheets/index.js', '@mescius/spread-sheets-resources-ko': 'npm:@mescius/spread-sheets-resources-ko/index.js', '@mescius/spread-sheets-vue': 'npm:@mescius/spread-sheets-vue/index.js' }, meta: { '*.css': { loader: 'systemjs-plugin-css' }, '*.vue': { loader: "../plugin-vue/index.js" } } }); })(this);