uncaught typeerror cannot read property code example

Example 1: cannot read property

/* This error occurs in Chrome Browser when you read a property or call 
a method on an undefined object. */
// To handle it, use "Optional Chaining" compatible with Node.js v14.0.0

Syntax -> ?.
Usage ->
let obj;
console.log(obj.a) // Cannot read property 'a' of undefined
console.log(obj?.a) // Works like a charm

Example 2: cannot read property

Seems like one of your values, with a property key of 'value' is undefined. Test that i1, i2and __i are defined before executing the if statements:

var i1 = document.getElementById('i1');
var i2 = document.getElementById('i2');
var __i = {'user' : document.getElementsByName("username")[0], 'pass' : document.getElementsByName("password")[0] };
if(i1 && i2 && __i.user && __i.pass)
{
    if(  __i.user.value.length >= 1 ) { i1.value = ''; } else { i1.value = 'Acc'; }

    if(  __i.pass.value.length >= 1 ) { i2.value = ''; } else { i2.value = 'Pwd'; }
}

Example 3: cannot read property

// That is mostly because the object was not declared until the moment when the code ran,
// Example:


console.log(object.list.map(el => el.name))

const object = {
	list: [
    	{name: 'test'},
        {name: 'second'}
    ]
}

// The error happens because the object was created after the map call
// The same happens if you forgot to import a package for example.

// If you are dealing with a situation that you don't know if the object
// has an specific property, you can use a question mark to tell the compiler
// that maybe the property doesen't exists, returning undefined:

console.log(object.default.size) // error
console.log(object.list[1]?.age) // undefined
console.log(object.default?.color) // undefined