como arreglar [Object: null prototype] {título: ‘producto’}

he empezado a aprender node.js con express framework, cuando publico un formulario como este:

router.get('/add-product',(req,res,next)=>{
    res.send('<form action="/product" method="POST" ><input type="text" name="title" /><button type="submit">Submit</button></form>');
});
     
router.post('/product',(req,res,next)=>{
    console.log(req.body);
    res.redirect("https://stackoverflow.com/");
});

Cuando lo hago console.log(req.body) muestra:

[Object: null prototype] { title: 'product' }

en lugar de solo { title: 'product' }

Me pregunto si esto realmente es un error con express o simplemente una propiedad que se agregó a express recientemente, porque descargué otro proyecto creado el año pasado y usó el mismo enfoque, cuando lo hice. console.log(req.body)mostró la misma salida.

Eso es realmente un buen diseño. Los objetos por defecto heredan el Object.prototype que contiene algunas funciones auxiliares (.toString(), .valueOf()). Ahora si usas req.body y no pasa ningún parámetro a la solicitud HTTP, entonces esperaría req.body estar vacío Si fuera solo “un objeto normal”, no estaría completamente vacío:

console.info(({ "toString": 5 })['toString']);   // 5
console.info(({})['toString']);                  // [Function: toString]

Hay una manera de crear “objetos vacíos”, es decir, objetos sin propiedades/prototipo, y eso es Object.create(null). Está viendo uno de esos objetos en la consola.

Entonces no, este no es un error que deba corregirse, es solo un gran uso de las características de JS.

Prueba esto,

const obj = JSON.parse(JSON.stringify(req.body)); // req.body = [Object: null prototype] { title: 'product' }

console.log(obj); // { title: 'product' }

¡Feliz Codificación..!

Tengo un problema y mi terminal me mostró la siguiente explicación.

body-parser deprecated undefined extended: provide extended option at express

y usé esto
app.use(bodyParser.urlencoded({extended: false}))

o

está ejecutando una versión de Express que es 4.16+, luego escriba solo

app.use(express.urlencoded({extended: true}))

creo que te ayuda

Para obtener más información sobre la opción extendida, lea los documentos o alguien aquí lo ha respondido bien. ¿Qué significa ‘extendido’ en express 4.0?

Puedes usar Object.assign para solucionar su problema de la siguiente manera:

const obj = Object.assign({},req.body)

console.log(obj)

Inicializa un nuevo objeto con Object.prototype y asigna todas las propiedades de req.body lo.

porque el objeto se basa en el objeto nulo. Encontré la mejor manera de eliminar esto, por ejemplo, si necesita una coincidencia exacta para las pruebas, use:

const groups = {...match.groups} // remove null object for test comparison

El siguiente código funcionó para mí.

app.use(express.urlencoded({ extended : true }));
app.use(express.json());

solo cambia {extended: false} a {extended: true} funciona para versiones más nuevas de body-parser. Está funcionando en la versión ^1.19.0