0

我正在用数据填充一个表 - using fixed-data-table，这是一个 React.js 组件。然而，这在现阶段并不那么重要。

该表有一个搜索框，问题源于此。

首先，这是代码中有趣的部分。

for (var index = 0; index < size; index++) {
            if (!filterBy || filterBy == undefined) {
                filteredIndexes.push(index);
            }
            else {

                var backendInfo = this._dataList[index];

                var userListMap = hostInfo.userList;

                var userListArr = Object.values(userListMap);


                function checkUsers(){
                    for (var key in userListArr) {
                        if (userListArr.hasOwnProperty(key) && userListArr[key].text.toLowerCase().indexOf(filterBy) !== -1) {
                            return true;
                        }
                    }
                    return false;
                }


                if (backendInfo.firstName.indexOf(filterBy) !== -1 || backendInfo.lastName.toLowerCase().indexOf(filterBy) !== -1 || backendInfo.countryOrigin.toLowerCase().indexOf(filterBy) !== -1
                    || backendInfo.userListMap.indexOf(filterBy) !== -1) {
                    filteredIndexes.push(index);
                }

            }
        }

如果您在表格中输入某些内容，则会呈现此内容，最后一部分将引发错误，并且null在给定单元格中返回一列。

问题是，如果我将最后一部分更改为..，我可以使代码工作。

        try {
            if (backendInfo.firstName.indexOf(filterBy) !== -1 || backendInfo.lastName.toLowerCase().indexOf(filterBy) !== -1 ||    backendInfo.countryOrigin.toLowerCase().indexOf(filterBy) !== -1
            || backendInfo.userListMap.indexOf(filterBy) !== -1) {
            filteredIndexes.push(index);
            }
        }
        catch(err) {
            console.log('Exception')
        }

使用 try/catch，它可以 100% 按预期工作并处理返回 null 的 indexOf ......但这不是正确处理它的方法 - 我假设这种异常处理应该是对于罕见的例外，不应该像后端一样在前端使用。

如何在不使用 try/catch 的情况下处理标题中的错误？

4

1 回答 1

2

您正在使用indexOf，因此请确保值不是undefined or null，您可以通过检查每个值来解决它，如下所示：

let {firstName, lastName, countryOrigin, userListMap} = backendInfo;

if ((firstName && firstName.indexOf(filterBy) !== -1) 
      || (lastName && lastName.toLowerCase().indexOf(filterBy) !== -1) 
      || (countryOrigin && countryOrigin.toLowerCase().indexOf(filterBy) !== -1)
      || (userListMap && userListMap.indexOf(filterBy) !== -1)) {
            filteredIndexes.push(index);
}

或解决此问题的其他方法是，您为这些变量定义的默认值firstName, lastName, countryOrigin, userListMap，如果它们是数组，那么它应该是[]，如果是字符串，那么它应该是''。

于 2017-02-24T10:30:11.623 回答