我怎样才能清理这个 if-else 函数？ (Javascript ES6)

Question

我是 React 开发新手。

我正在清理我的代码。

我正在尝试尽可能地摆脱 if-else 语句，但我不知道如何处理这个函数。

    const calc = () => {
        if (100 < responsiveWidth.phone) {
            setPerPage(1);
        } else if (100 < responsiveWidth.tablet) {
            setPerPage(2);
        } else if (100 < responsiveWidth.smallDesktop) {
            setPerPage(3);
        } else if (100 < responsiveWidth.desktop) {
            setPerPage(4);
        } else {
            setPerPage(6);
        }
    };

我真的很讨厌这段代码。你能帮帮我吗？

Answer 1

您可以找到索引 (Array#findIndex) 并添加一个。

const 
    widths = [width.phone, width.tablet, width.smallDesktop, width.desktop],
    calc = width => setPerPage(widths.findIndex(w => width < w) + 1) || 6);

我怎样才能清理这个 if-else 函数？ (Javascript ES6)

How can I clean up this if-else function? (Javascript ES6)

javascript

refactoring

if-statement

code-cleanup

reactjs