Um comportamento inesperado (pelo menos pra mim), ocorreu com os seguintes trecho de código que irei demonstrar abaixo:
const str = new String('olá SOpt');
console.log('Usando "in"', 'length' in str); // true
console.log('Usando "hasOwnProperty"', str.hasOwnProperty('length')); // true
Repare que até aqui, nada de novo, funcionou como esperado, mas o código abaixo me fez ficar com dúvidas:
const str = 'olá SOpt';
console.log('Usando "hasOwnProperty"', str.hasOwnProperty('length'));
console.log('Usando "in"', 'length' in str); // vai lançar um erro
Se rodar o código acima, o segundo console.log
vai ter um erro dizendo algo como:
Uncaught TypeError: Cannot use 'in' operator to search for 'length' in olá SOpt
Foi ai que as dúvidas surgiram...eu esperava que fosse funcionar normalmente o uso do in
porque uma string tem uma propriedade length
const str = 'olá SOpt';
console.log('Usando "hasOwnProperty"', str.hasOwnProperty('length'));
console.log('lenght: ', str.length); // 8
Só que usando 'length' in str
retornou um erro. Obviamente, minha linha de raciocínio em achar que in
e hasOwnProperty
eram a mesma coisa, só uma forma "enxuta" de escrever, falhara:
const str = new String('olá SOpt');
console.log('Usando "in"', 'length' in str);
console.log('Usando "hasOwnProperty"', str.hasOwnProperty('length'));
const str2 = 'olá SOpt';
console.log('Usando "hasOwnProperty"', str2.hasOwnProperty('length'));
try {
console.log('Usando "in"', 'length' in str2); // ocorre um erro
} catch (error) {
console.log(
`Erro ao usar o "in" em: console.log('Usando "in"', 'length' in str2);`,
);
}
Perguntas
- Qual a diferença entre o operador
in
e o métodohasOwnProperty
? - Quando usar um ou outro?
- Por que o
in
em string declarada usandonew String('foo')
funciona, mas não funciona com'foo'
?
Só por curiosidade, tentei usar em estrutura do Map
, mas pelo visto, somente .has()
funciona para o mesmo:
let map = new Map();
map.set('name', 'Cardeal');
console.log('name' in map); // false
console.log(map.hasOwnProperty('name')); // false
console.log(map.has('name')); // true