Para obtener el subconjunto de propiedades de un objeto de JavaScript, utilizamos la desestructuración y la abreviatura de propiedades. La sintaxis de asignación de desestructuración es una expresión de JavaScript que hace posible descomprimir valores de arrays o propiedades de objetos en distintas variables.
Sintaxis:
subset = (({a, c}) => ({a, c}))(obj);
Ejemplo 1: obtenga un subconjunto de las propiedades de un objeto javascript mediante la asignación de desestructuración.
html
<!DOCTYPE html> <html> <head> <title> Get a subset of a javascript object’s properties </title> </head> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <h2> Get a subset of a javascript object’s properties </h2> <script> obj = { property1: 5, property2: 6, property3: 7 }; subset = (({ property1, property3 }) => ({ property1, property3 }))(obj); var output = 'Subset Object: <br>'; for (var property in subset) { output += property + ': ' + subset[property] + ';<br>'; } document.write(output); </script> </center> </body> </html>
Producción:
En ES6 hay una forma muy concisa de hacer esto mediante la destrucción. La destrucción le permite agregar fácilmente objetos y crear subconjuntos de objetos.
Sintaxis:
const {c, d, ...partialObject} = object; const subset = {c, d};
Ejemplo 2: Obtener un subconjunto de las propiedades de un objeto javascript mediante la asignación de desestructuración.
html
<!DOCTYPE html> <html> <head> <title> Get a subset of a javascript object’s properties </title> </head> <body> <center> <h1 style="color:green"> GeeksforGeeks </h1> <h2> Get a subset of a javascript object’s properties </h2> <script> const object = { property1: 'a', property2: 'b', property3: 'c', property4: 'd', } const { property1, property4, ...pObject } = object; const subset = { property1, property4 } ; var output = 'Subset Object: <br>'; for (var property in subset) { output += property + ': ' + subset[property] + ';<br>'; } document.write(output); </script> </center> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por BhavyadeepPurswani y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA