Javascripts：无法读取未定义的属性“toLowerCase”

Question

我在 nuxtjs 上的脚本标记中编码此代码，但它出错。

<script>
    export default {
        computed: {
            user() {
                let user = [{name_en: 'Jack'},{name_en: 'Joe'}]
                return user.filter(item => item.name_en.toLowerCase().includes(keywordSearch))
            }
         }
     }
</script>

无法读取 javascript 中未定义的属性“toLowerCase”时出错。 但我会尝试

return user.filter(item => item.name_en === 'Jack')

它不会出错。 我很困惑。 如何解决这个问题呢。

Answer 1

您可以在 function 下方尝试第一次检查它是否存在，然后将其转换为小写user.filter(item => item.name_en && item.name_en.toLowerCase().includes(keywordSearch))