Javascript:无法读取未定义的属性“ toLowerCase”

时间:2020-08-17 05:20:54

标签: javascript vue.js nuxtjs

我在nuxtjs的script标签中编码了此代码,但是它出错。

<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')

没有错误。我很困惑如何解决这个问题。

1 个答案:

答案 0 :(得分:2)

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