¿Cómo obtener un subconjunto de las propiedades de un objeto javascript?

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *