Javascript：无法读取未定义的 属性 '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

您可以试试下面的函数，首先检查它是否存在，然后将其转换为小写 user.filter(item => item.name_en && item.name_en.toLowerCase().includes(keywordSearch))