Question

我尽可能地了解这一点。我正在使用Excel JS API玩一些JavaScript代码。我有两个控件：文本框和组合框。文本框采用用户[编号]输入，下拉列表列出要采取的动作（乘法，除法，加法，减法）。要点是我正在进行当前选择并按指定值执行指定的操作，然后将其写回选择。在Excel中，这与PasteSpecial / Operator相同。

这是我的JavaScript：

$('#mathButton').click(function() {
    callMathify()
        .catch(OfficeHelpers.logError);
});

function callMathify() {
    return Excel.run(function(context) {
        var inputValue = $('#input').val();
        if (inputValue == '') {
            console.log('Please enter a value first!');
        } else {
            var mathType = $('#mathAction').val();
            var selection = context.workbook.getSelectedRange();
            selection.load('values');
            console.log('Input: ' + inputValue + ', Operator: ' + mathType);
            return context.sync()
                .then(function() {
                    var newValues = selection.values.map(row => {
                        if (mathType = 'Multiply') {
                            return row.map(val => {return val * Number($('#input').val())});
                        } else if (mathType = 'Divide') {
                            return row.map(val => {return val / Number(inputValue)});
                        } else if (mathType = 'Add') {
                            return row.map(val => {return val + Number(inputValue)});
                        } else if (mathType = 'Subtract') {
                            return row.map(val => {return val - Number(inputValue)});
                        }
                    });
                    selection.values = newValues;
                    //return context.sync();
            });
        }
        return context.sync();
    });
}

我有一个简单的HTML结尾：

<p class="ms-font-m">
    Do some math on all cells in the selection.
    <br>
    Enter a value, choose the action, then click the button.
    <br>
</p>

<table>
    <tr>
        <td><p class="ms-font-m">Value: </p><input type="text" id="input" /></td>
        <td><p class="ms-font-m">Action: </p><select id="mathAction">
            <option value="multiply">Multiply</option>
            <option value="divide">Divide</option>
            <option value="add">Add</option>
            <option value="subtract">Subtract</option>
        </td>
    </tr>
</table>

<br>

<button id="mathButton" class="ms-Button">
    <span class="ms-Button-label">Mathify</span>
</button>

我收到关于使用'map'的错误，但现在我没有收到任何错误。有谁看到我在这里做错了什么？

编辑：用变量替换了文本框引用，我在发布之前忘了添加它。

编辑：我根据雅各布的建议调整了代码，代码效果很好。我编辑了选项控件的HTML id以匹配下拉值的大小写敏感度（正确的大小写）。下面的代码效果很好。

$('#mathButton').click(function() {
    callMathify()
        .catch(OfficeHelpers.logError);
});

function callMathify() {
        return Excel.run(function(context) {
            var inputValue = $('#input').val();
            if (inputValue === '') {
                console.log('Please enter a value first!');
                return context.sync();
            } else {
                var selection = context.workbook.getSelectedRange();
                selection.load('values');
                return context.sync()
                    .then(function() {
                        var mathType = $('#mathAction').val();
                        switch (mathType) {
                            case "Multiply":
                                var newValues = selection.values.map(row => {
                                    return row.map(val => {return Number(val) * Number(inputValue)});
                                });
                                break;
                            case "Divide":
                                var newValues = selection.values.map(row => {
                                    return row.map(val => {return Number(val) / Number(inputValue)});
                                });
                                break;
                            case "Add":
                                var newValues = selection.values.map(row => {
                                    return row.map(val => {return Number(val) + Number(inputValue)});
                                });
                                break;
                            case "Subtract":
                                var newValues = selection.values.map(row => {
                                    return row.map(val => {return Number(val) - Number(inputValue)});
                                });
                                break;
                        }
                        selection.values = newValues;
                        console.log('Mathify operation complete! (' + mathType + ')');
                        return context.sync();
                });
            }
        });
    }

Answer 1

很高兴你问扎克！

要使代码段有效，您需要进行3项更改：

您需要取消注释最里面的.then（）块中的context.sync（）。这可确保选择（范围）对象与Excel同步，并将新值应用于所选单元格。
当您将下拉列表的值与字符串进行比较时，您需要使用'==='运算符。
下拉列表控件中的值应与您在比较中使用的值相匹配，因为它区分大小写。

我还注意到你对3个案例使用了inputValue变量，对第一个案例使用了$（'#input'）。val（）。我修改了你的代码片段，以便在所有情况下使用inputValue。



    function callMathify() {
        return Excel.run(function(context) {
            var inputValue = $('#input').val();
            if (inputValue == '') {
                console.log('Please enter a value first!');
            } else {
                var mathType = $('#mathAction').val();
                var selection = context.workbook.getSelectedRange();
                selection.load('values');
                console.log('Input: ' + inputValue + ', Operator: ' + mathType);
                return context.sync()
                    .then(function() {
                        var newValues = selection.values.map(row => {
                            if (mathType === 'multiply') {
                                return row.map(val => {return val * Number(inputValue)});
                            } else if (mathType === 'divide') {
                                return row.map(val => {return val / Number(inputValue)});
                            } else if (mathType === 'add') {
                                return row.map(val => {return val + Number(inputValue)});
                            } else if (mathType === 'subtract') {
                                return row.map(val => {return val - Number(inputValue)});
                            }
                        });
                        selection.values = newValues;
                        return context.sync();
                });
            }        
        });
    }

您还可以进行一些更改，以使代码更加优化和清晰。以下是一些建议：

通过声明一个函数然后在循环内部使用它来对.map循环外的动作进行比较。
使用switch语句而不是链接的if语句。

我会留给您尝试这些更改，因为它超出了您的初始问题。

雅各布

获取输入和组合框值并将值映射到新数组，写入Excel

1 个答案: