SPELLNUMS

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

설명
app.jsx
app-func.jsx
app-class.jsx
index.html
styles.css

구문

=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보다 작은 숫자는 텍스트로 쓰는 것이 좋음). 이 함수를 사용하면 복잡한 사용자 정의 함수 및 메서드를 만들 필요 없이 지정된 숫자를 단어로 변환할 수 있습니다.
import * as React from 'react'; import * as ReactDOM from 'react-dom'; import './styles.css'; import { AppFunc } from './app-func'; import { App } from './app-class'; // 1. Functional Component sample ReactDOM.render(<AppFunc />, document.getElementById('app')); // 2. Class Component sample // ReactDOM.render(<App />, document.getElementById('app'));
import * as React from 'react'; import GC from '@mescius/spread-sheets'; import '@mescius/spread-sheets-resources-ko'; GC.Spread.Common.CultureManager.culture("ko-kr"); import { SpreadSheets, Worksheet } from '@mescius/spread-sheets-react'; import './styles.css'; class NumbersToWords extends GC.Spread.CalcEngine.Functions.Function { constructor() { super("SPELLNUMS", 1, 1); } evaluate(arg) { let result = 1; if (arguments.length === 1 && !isNaN(arg)) { var 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!"; } } export function AppFunc() { const autoGenerateColumns = true; const spellNumbers = new NumbersToWords(); const initSpread = (spread) => { spread.suspendPaint(); let sheet = spread.getSheet(0); sheet.addCustomFunction(spellNumbers); 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(); } return <div class="sample-tutorial"> <div class="sample-spreadsheets"> <SpreadSheets workbookInitialized={spread => initSpread(spread)}> <Worksheet autoGenerateColumns={autoGenerateColumns}> </Worksheet> </SpreadSheets> </div> </div>; }
import * as React from 'react'; import GC from '@mescius/spread-sheets'; import '@mescius/spread-sheets-resources-ko'; GC.Spread.Common.CultureManager.culture("ko-kr"); import { SpreadSheets, Worksheet } from '@mescius/spread-sheets-react'; import './styles.css'; const Component = React.Component; class NumbersToWords extends GC.Spread.CalcEngine.Functions.Function { constructor() { super("SPELLNUMS", 1, 1); } evaluate(arg) { let result = 1; if (arguments.length === 1 && !isNaN(arg)) { var 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!"; } } export class App extends Component { constructor(props) { super(props); this.autoGenerateColumns = true; } render() { return <div class="sample-tutorial"> <div class="sample-spreadsheets"> <SpreadSheets workbookInitialized={spread => this.initSpread(spread)}> <Worksheet autoGenerateColumns={this.autoGenerateColumns}> </Worksheet> </SpreadSheets> </div> </div>; } initSpread(spread) { spread.suspendPaint(); let sheet = spread.getSheet(0); this.spellNumbers = new NumbersToWords(); sheet.addCustomFunction(this.spellNumbers); 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(); } }
<!doctype html> <html style="height:100%;font-size:14px;"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="$DEMOROOT$/ko/react/node_modules/@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <!-- SystemJS --> <script src="$DEMOROOT$/ko/react/node_modules/systemjs/dist/system.src.js"></script> <script src="systemjs.config.js"></script> <script> System.import('$DEMOROOT$/ko/lib/react/license.js').then(function () { System.import('./src/app'); }); </script> </head> <body> <div id="app"></div> </body> </html>
.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; } body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #app { height: 100% }
(function (global) { System.config({ transpiler: 'plugin-babel', babelOptions: { es2015: true, react: true }, meta: { '*.css': { loader: 'css' } }, paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System loader where to look for things map: { '@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-react': 'npm:@mescius/spread-sheets-react/index.js', '@grapecity/jsob-test-dependency-package/react-components': 'npm:@grapecity/jsob-test-dependency-package/react-components/index.js', 'react': 'npm:react/umd/react.production.min.js', 'react-dom': 'npm:react-dom/umd/react-dom.production.min.js', 'css': 'npm:systemjs-plugin-css/css.js', 'plugin-babel': 'npm:systemjs-plugin-babel/plugin-babel.js', 'systemjs-babel-build':'npm:systemjs-plugin-babel/systemjs-babel-browser.js' }, // packages tells the System loader how to load when no filename and/or no extension packages: { src: { defaultExtension: 'jsx' }, "node_modules": { defaultExtension: 'js' }, } }); })(this);