概述
本 Demo 展示了 REGEXEXTRACT 函数的使用方法，通过三个示例演示了不同的返回模式（return_mode）和区分大小写参数的效果，并提供了 allowDynamicArray 标志的切换功能，让用户直观地了解动态数组对提取结果的影响。
实现思路
创建工作簿并启用 allowDynamicArray 选项
设置表格标题和样式，包括列宽和合并单元格
准备三组示例数据，展示不同的参数组合：
第一个示例：不区分大小写提取 "good"
第二个示例：提取数字
第三个示例：提取捕获组
使用公式引用的方式调用 REGEXEXTRACT 函数，并用 FORMULATEXT 函数显示公式文本
提供复选框让用户切换 allowDynamicArray 标志，观察提取结果的变化
代码解析
设置表头和样式
Demo 为表头设置了居中对齐和合并单元格，使表格结构更清晰。
准备示例数据并设置公式
这段代码通过数据数组设置文本、正则表达式、返回模式和区分大小写参数，然后使用公式引用的方式调用 REGEXEXTRACT 函数。FORMULATEXT 函数用于显示完整的公式内容。
切换 allowDynamicArray 标志
当 allowDynamicArray 标志改变时，重新计算公式并刷新显示，让用户观察提取结果的变化。
运行效果
表格显示三组示例数据，分别在列 A、B、C、D 显示文本、正则表达式、返回模式和区分大小写参数
列 E 显示公式文本，列 F 显示 REGEXEXTRACT 函数的提取结果
第一个示例提取 "good"（不区分大小写）
第二个示例提取数字 "300"
第三个示例提取捕获组 ["Luve", "rose"]
勾选或取消"允许动态数组"复选框，可以观察第三个示例的提取结果变化：取消勾选时显示 "Luve"，勾选时显示 ["Luve", "rose"]
API 参考
REGEXEXTRACT 函数
text（必需）：要搜索的文本，可以是字符串或单元格引用
pattern（必需）：正则表达式模式
return_mode（可选）：提取模式
0（默认）：返回第一个匹配项
1：返回所有匹配项作为数组
2：返回第一个匹配项的捕获组作为数组
case_sensitivity（可选）：大小写敏感度
0（默认）：区分大小写
1：不区分大小写
window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
initSpread(spread);
};
function initSpread(spread) {
spread.suspendPaint();
spread.options.allowDynamicArray = true;
var sheet = spread.sheets[0];
var defaultStyle = new GC.Spread.Sheets.Style();
defaultStyle.hAlign = GC.Spread.Sheets.HorizontalAlign.center;
defaultStyle.vAlign = GC.Spread.Sheets.VerticalAlign.center;
sheet.setDefaultStyle(defaultStyle);
sheet.setColumnWidth(0, 220);
sheet.setColumnWidth(1, 220);
sheet.setColumnWidth(2, 120);
sheet.setColumnWidth(3, 130);
sheet.setColumnWidth(4, 170);
sheet.setColumnWidth(5, 80);
sheet.setColumnWidth(6, 80);
sheet.addSpan(0, 0, 2, 1);
sheet.addSpan(0, 1, 2, 1);
sheet.addSpan(0, 2, 2, 1);
sheet.addSpan(0, 3, 2, 1);
sheet.addSpan(0, 4, 2, 1);
sheet.addSpan(0, 5, 2, 2);
sheet.getCell(0, 0).value("文本").font("21px bold normal normal");
sheet.getCell(0, 1).value("正则表达式").font("21px bold normal normal");
sheet.getCell(0, 2).value("返回类型").font("21px bold normal normal");
sheet.getCell(0, 3).value("区分大小写").font("21px bold normal normal");
sheet.getCell(0, 4).value("公式文本").font("21px bold normal normal");
sheet.getCell(0, 5).value("结果").font("21px bold normal normal");
var dataArr = [
["I think SpreadJS is Good", "(good)", null, 1],
["there is 300 rabbits grazing", "\\d+", null],
["O my Luve is like a red, red rose", "O my (\\w+) is like a red, red (\\w+)", 2]
];
sheet.setArray(2, 0, dataArr);
for (var i = 0, len = dataArr.length; i < len; i++) {
var row = 3 + i;
sheet.setFormula(row - 1, 5, `=REGEXEXTRACT(A${row}, B${row}, C${row}, D${row})`);
sheet.setFormula(row - 1, 4, `=FORMULATEXT(F${row})`);
}
spread.resumePaint();
document.getElementById("allowDynamicArray").addEventListener('change', function (e) {
var checked = e.target.checked;
spread.options.allowDynamicArray = !!checked;
spread.resumeCalcService();
spread.resumePaint();
});
}
<!doctype html>
<html style="height:100%;font-size:14px;">
<head>
<meta charset="utf-8" />
<meta name="spreadjs culture" content="zh-cn" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css"
href="$DEMOROOT$/zh/purejs/node_modules/@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css">
<script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity-software/spread-sheets/dist/gc.spread.sheets.all.min.js"
type="text/javascript"></script>
<script
src="$DEMOROOT$/zh/purejs/node_modules/@grapecity-software/spread-sheets-resources-zh/dist/gc.spread.sheets.resources.zh.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 class="options-container">
<div class="option-row">
<label class="colorLabel">切换 allowDynamicArray 标志。</label>
</div>
<div class="option-row">
<input type="checkbox" id="allowDynamicArray" checked />
<label for="allowDynamicArray">允许动态数组</label>
</div>
</div>
</div>
</body>
</html>
.sample-tutorial {
position: relative;
height: 100%;
overflow: hidden;
}
.sample-spreadsheets {
width: calc(100% - 280px);
height: 100%;
overflow: hidden;
float: left;
}
.options-container {
float: right;
width: 280px;
overflow: auto;
padding: 12px;
height: 100%;
box-sizing: border-box;
background: #fbfbfb;
}
.option-row {
margin-bottom: 12px;
}
label {
user-select: none;
}
body {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
