SPELLNUMS

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

설명
app.vue
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보다 작은 숫자는 텍스트로 쓰는 것이 좋음). 이 함수를 사용하면 복잡한 사용자 정의 함수 및 메서드를 만들 필요 없이 지정된 숫자를 단어로 변환할 수 있습니다.
<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> import Vue from 'vue'; import '@mescius/spread-sheets-vue' import GC from '@mescius/spread-sheets'; import '@mescius/spread-sheets-resources-ko'; GC.Spread.Common.CultureManager.culture("ko-kr"); import './styles.css'; let App = Vue.extend({ name: "app", data: function() { return { autoGenerateColumns: false, spread: null }; }, methods:{ initSpread: function (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))) { 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!"; }; this.spellNums = new NumbersToWords(); this.spread = spread; spread.suspendPaint(); let sheet = spread.getSheet(0); sheet.addCustomFunction(this.spellNums); 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(); }, }, }); new Vue({ render: h => h(App) }).$mount('#app'); </script>
<!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/vue/node_modules/@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <!-- SystemJS --> <script src="$DEMOROOT$/ko/vue/node_modules/systemjs/dist/system.src.js"></script> <script src="systemjs.config.js"></script> <script> System.import('./src/app.vue'); System.import('$DEMOROOT$/ko/lib/vue/license.js'); </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 }, meta: { '*.css': { loader: 'css' }, '*.vue': { loader: 'vue-loader' } }, 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-vue': 'npm:@mescius/spread-sheets-vue/index.js', '@grapecity/jsob-test-dependency-package/react-components': 'npm:@grapecity/jsob-test-dependency-package/react-components/index.js', 'jszip': 'npm:jszip/dist/jszip.js', 'css': 'npm:systemjs-plugin-css/css.js', 'vue': 'npm:vue/dist/vue.min.js', 'vue-loader': 'npm:systemjs-vue-browser/index.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' }, // packages tells the System loader how to load when no filename and/or no extension packages: { src: { defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' }, "node_modules": { defaultExtension: 'js' } } }); })(this);