Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'emailAddress')

Question

我正在以下方法中解析来自 CSV 的几封电子邮件，并且我收到无法读取未定义的属性（正在读取“电子邮件地址”）。我什至尝试过滤掉未定义的结果，但没有运气。如何过滤未定义的。

 const getContactsFromText = (text) => {
        if(text == "" || text.trim() == '' || text === undefined){
            settingTheAlert();
            return;
        }
        const contacts = text.split(/[,;\n]/)
            .filter(x => x.length > 0)
            .map(x => x.trim())
            .map(x => {
                const [, , displayName = '', emailAddress = ''] = x.match(/"?((.*?)"?\s*<)?([^">]*)/);
                if (!emailAddress && !displayName) return;
                if(emailAddress === undefined) return;
                return { id: emailAddress, emailAddress, displayName, isChecked: true };
            })
            .filter(x => isValidEmail(x.emailAddress))
            .sort(sortByEmail);
        if(contacts.length < 1){
            settingTheAlert();
            return;
        }

        onImport(contacts);
    }

const isValidEmail = (email) => {
        const EMAIL_RE = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        const isValid = EMAIL_RE.test(String(email).toLowerCase());
        if (!isValid) console.log('invalidEmail', { email })
        return isValid;
    }

Answer 1

在您的代码中：

.map(x => {
     const [, , displayName = '', emailAddress = ''] = x.match(/"?((.*?)"?\s*<)?([^">]*)/);
     if (!emailAddress || !displayName) return;
     if (emailAddress === undefined) return; // this is useless (it's covered above)
     return { id: emailAddress, emailAddress, displayName, isChecked: true };
    };
})

您在这些行上隐式返回什么/未定义：

if (!emailAddress || !displayName) return;
if (emailAddress === undefined) return; // again, this line is not needed

这相当于返回undefined。然后在随后的 filter 中，您假设 x.emailAddress 存在，但它可能不存在，就像上面您在某些极端情况下返回 undefined 一样。

为了补救您：

1. 必须更改您的 filter 函数（可能是最好的解决方案）
2. 使isValidEmail 函数期望整个电子邮件对象而不是期望的字符串（可能不太理想）

如果您选择了第一种方法，它应该类似于：

// ... other code
.map(x => {
       const [, , displayName = '', emailAddress = ''] = x.match(/"?((.*?)"?\s*<)?([^">]*)/)
       if (!emailAddress || !displayName) {
          return null
       }
       return { id: emailAddress, emailAddress, displayName, isChecked: true }
})
.filter(emailObj => emailObj && isValidEmail(emailObj.emailAddress)) // checking first that the emailObj is not undefined and then checking if the emailObj.emailAddress is valid.

应该可以。