値と配列をテキストに変換する関数

SpreadJS は VALUETOTEXT 関数と ARRAYTOTEXT 関数をサポートしており、値や配列を簡単にテキストへ変換できます。

VALUETOTEXT VALUETOTEXT 関数は、指定した任意の値からテキストを返します。 構文 引数 value テキストとして返す値です。 [format] 返されるデータの形式です。次の 2 つの値のいずれかを指定できます。 0 - 既定値。読みやすい簡潔な形式です。 1 - エスケープ文字と行区切りを含む厳密な形式です。 ARRAYTOTEXT ARRAYTOTEXT 関数は、指定した任意の範囲からテキスト値の配列を返します。 構文 引数 array テキストとして返す配列です。 [format] 返されるデータの形式です。次の 2 つの値のいずれかを指定できます。 0 - 既定値。読みやすい簡潔な形式です。 1 - エスケープ文字と行区切りを含む厳密な形式です。 注記 入力値が #VALUE! や #DIV/0! などのエラーの場合、VALUETOTEXT と ARRAYTOTEXT はエラーを返すのではなく、エラーテキスト自体を返します。これは、エラー値に対してエラーを返す TEXT 関数とは異なります。 サンプル データ: A B 1 TRUE #VALUE! 2 1234.01234 東京 3 こんにちは 1123 VALUETOTEXT の例: 数式(format=0) 結果 数式(format=1) 結果 =VALUETOTEXT(A1,0) TRUE =VALUETOTEXT(A1,1) TRUE =VALUETOTEXT(B1,0) #VALUE! =VALUETOTEXT(B1,1) #VALUE! =VALUETOTEXT(A2,0) 1234.01234 =VALUETOTEXT(A2,1) 1234.01234 =VALUETOTEXT(B2,0) 東京 =VALUETOTEXT(B2,1) "東京" =VALUETOTEXT(A3,0) こんにちは =VALUETOTEXT(A3,1) "こんにちは" =VALUETOTEXT(B3,0) 1123 =VALUETOTEXT(B3,1) 1123 ARRAYTOTEXT の例: 数式 結果 ARRAYTOTEXT(A1:B3,0) TRUE, #VALUE!, 1234.01234, 東京, こんにちは, 1123 ARRAYTOTEXT(A1:B3,1) {TRUE,#VALUE!;1234.01234,"東京";"こんにちは",1123}
window.onload = function() { var spread = new GC.Spread.Sheets.Workbook(_getElementById("ss")); spread.options.allowDynamicArray = true; initStyles(spread); initSpread(spread); }; var data = [ { sheetName: 'VALUETOTEXT', cells: [ [{v:"データ",s:"title"}], [true], [1234.01234], ["こんにちは"], [`="こんにちは" + 1`], ["東京"], [1234], [], [{v:"簡潔形式の数式",s:"title"}, {v:"簡潔形式の結果",s:"title"}, {v:"厳密形式の数式",s:"title"}, {v:"厳密形式の結果",s:"title"}], ["=FORMULATEXT(B10)", "=VALUETOTEXT(A2,0)", "=FORMULATEXT(D10)", "=VALUETOTEXT(A2,1)"], ["=FORMULATEXT(B11)", "=VALUETOTEXT(A3,0)", "=FORMULATEXT(D11)", "=VALUETOTEXT(A3,1)"], ["=FORMULATEXT(B12)", "=VALUETOTEXT(A4,0)", "=FORMULATEXT(D12)", "=VALUETOTEXT(A4,1)"], ["=FORMULATEXT(B13)", "=VALUETOTEXT(A5,0)", "=FORMULATEXT(D13)", "=VALUETOTEXT(A5,1)"], ["=FORMULATEXT(B14)", "=VALUETOTEXT(A6,0)", "=FORMULATEXT(D14)", "=VALUETOTEXT(A6,1)"], ["=FORMULATEXT(B15)", "=VALUETOTEXT(A7,0)", "=FORMULATEXT(D15)", "=VALUETOTEXT(A7,1)"], ], columnsWidth: [200, 200, 200, 200] }, { sheetName: 'ARRAYTOTEXT', cells: [ [{v:"データ",s:"title"}, ""], [true, `="こんにちは" + 1`], [1234.01234, "東京"], ["こんにちは", 1123], [], [{v:"数式",s:"title"}, {v:"結果",s:"title"}, {v:"数式",s:"title"}, {v:"結果",s:"title"}], ["=FORMULATEXT(B7)", "=ARRAYTOTEXT(A2:B4,0)", "=FORMULATEXT(D7)", "=ARRAYTOTEXT(A2:B4,1)"], ], columnsWidth: [180, 280, 180, 280] } ]; function initSpread(workbook) { workbook.suspendPaint(); workbook.suspendCalcService(); workbook.setSheetCount(data.length); for (var i = 0; i < data.length; i++) { var sheetData = data[i]; var sheet = workbook.sheets[i]; sheet.name(sheetData.sheetName); setCells(sheet, sheetData.cells, 0, 0); setColumnsWidth(sheet, sheetData.columnsWidth); } workbook.resumeCalcService(); workbook.resumePaint(); } function initStyles(workbook) { var style = new GC.Spread.Sheets.Style(); style.name = 'title'; style.font = 'normal bold 16px Segoe UI'; style.foreColor = "#172b4d"; workbook.addNamedStyle(style); } function setCells(sheet, cells, rowIndex, colIndex) { for(var i = 0; i < cells.length; i++) { var row = cells[i]; var r = rowIndex + i; for (var j = 0; j < row.length; j++) { var cell = row[j]; var c = colIndex + j; if (typeof cell === "object") { if (cell.v !== undefined) { sheet.setValue(r, c, cell.v); } if (cell.s !== undefined) { sheet.setStyle(r, c, cell.s) } } else if (typeof cell === 'string' && cell[0] === '=') { sheet.setFormula(r, c, cell); } else { sheet.setValue(r, c, cell); } } } } function setColumnsWidth(sheet, columnsWidth) { if (!columnsWidth) { return; } for (var i = 0; i < columnsWidth.length; i++) { sheet.setColumnWidth(i, columnsWidth[i]); } } function _getElementById(id) { return document.getElementById(id); }
<!doctype html> <html style="height:100%;font-size:14px;"> <head> <meta name="spreadjs culture" content="ja-jp" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="$DEMOROOT$/ja/purejs/node_modules/@mescius/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <script src="$DEMOROOT$/ja/purejs/node_modules/@mescius/spread-sheets/dist/gc.spread.sheets.all.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/ja/purejs/node_modules/@mescius/spread-sheets-resources-ja/dist/gc.spread.sheets.resources.ja.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/spread/source/js/license.js" type="text/javascript"></script> <script src="app.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div class="sample-tutorial"> <div id="ss" class="sample-spreadsheets"></div> </div> </body> </html>
.sample-tutorial { position: relative; height: 100%; overflow: hidden; } .sample-spreadsheets { width: 100%; height: 100%; overflow: hidden; float: left; } body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; }