Tengo una serie de objetos:
[ { "id": "1", "LB1": "Kod produktu: PMPSB216IN80", "Type": "Figurki" }, { "id": "2", "Type": "Głowa Do Stylizacji" }, { "id": "3", "LB1": "Kod produktu: 97834", "Type": "Pluszak" }, ]Entonces estoy definiendo una cadena: '97834'
Y quiero filtrar la matriz según el valor LB1:
filteredProducts = productList.filter(product => product.LB1.replace('Kod produktu: ', '').toLowerCase() === this.props.searchTerm.toLowerCase());Sin embargo, como puede ver arriba, no todos los objetos contienen este LB1, y la función arroja un error:
Test.js:101 Uncaught TypeError: Cannot read properties of undefined (reading 'replace')Verifique si existe LB1; si no es así, fíltrelo como si no coincidiera con su término de búsqueda (aquí estoy usando AND lógico :
filteredProducts = productList.filter(product => product.LB1 != null && product.LB1.replace('Kod produktu: ', '').toLowerCase() === this.props.searchTerm.toLowerCase());Podría agregar una condición, en su función de filtro, que verifique la existencia de esa propiedad. Aquí, estoy usando el operador in para validar eso.
const productList = [ { "id": "1", "LB1": "Kod produktu: PMPSB216IN80", "Type": "Figurki" }, { "id": "2", "Type": "Głowa Do Stylizacji" }, { "id": "3", "LB1": "Kod produktu: 97834", "Type": "Pluszak" }, ] const searchTerm = '97834' /* this.props.searchTerm.toLowerCase() */; const filteredProducts = productList.filter(product => 'LB1' in product && product.LB1.replace('Kod produktu: ', '').toLowerCase() === searchTerm ); console.log('output', filteredProducts);