CODEWITHSUNDEEP
javascriptvue.jsnuxt.js
atjab
atjab

Reputation: 146

Javascripts : Cannot read property 'toLowerCase' of undefined

I coding this code in script tag on nuxtjs but it error.

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

It error that Cannot read property 'toLowerCase' of undefined in javascript. But I try

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

It doesn't error. I'm so confuse. How to solve this problem.

Upvotes: 0

Views: 2038

Answers (1)

Alok Takshak
Alok Takshak

Reputation: 280

you can try below function to 1st check if it exists and then convert that to lowercase user.filter(item => item.name_en && item.name_en.toLowerCase().includes(keywordSearch))

Upvotes: 3

Related Questions