Expandir, Cópia, Merge e Rest

Simple Operations with Objects and Arrays

Olá pessoal! A seguir, estão apresentados alguns exemplos simples de operações como cópia, expandir, merge e resto com objetos e arrays.

Expanding Arrays

const arr1 = [1, 2, 3];
console.log(arr1); // [1 2 3]
const arr2 = [...arr1, 4, 5, 6];
console.log(...arr2); // [1 2 3 4 5 6]

O exemplo acima demonstra a utilização do spread operator (… ) para expandir um array.

Expanding Objects

const obj1 = { a: 1, b: 2, c: 3 };
console.log(obj1); // { a: 1, b: 2, c: 3 }
const obj2 = {...obj1, d: 4, e: 5, f: 6 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

O exemplo acima demonstra a utilização do spread operator (… ) para expandir um objeto.

Making Copies

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = {...obj1 };
console.log(obj2); // { a: 1, b: 2, c: 3 }
console.log(obj1 == obj2); // false

O exemplo acima demonstra como fazer uma cópia de um objeto usando o spread operator (… ).

Merging Arrays

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1,...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]

O exemplo acima demonstra como merge dois arrays usando o spread operator (… ).

Merging Objects

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const obj3 = {...obj1,...obj2 };
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

O exemplo acima demonstra como merge dois objetos usando o spread operator (… ).

Rest Operator (Resto)

let p = {
  name: 'John',
  age: 30,
  city: 'New York',
  country: 'USA'
};
let { name, age,...restoDoObjeto } = p;
console.log(name, age);
console.log("restoDoObjeto: ", restoDoObjeto); // resposta: John 30
// restoDoObjeto:  { city: 'New York', country: 'USA' }

O exemplo acima demonstra como utilizar o rest operator (… ) para extrair propriedades de um objeto e coletar as propriedades restantes em um novo objeto.

Conclusion

Essas operações são importantes para lidar com dados em um programa e podem ser facilmente realizadas usando os operadores de spread (… ) e resto (… ).

Frequently Asked Questions (FAQs)

1. What is the spread operator?

   The spread operator is a new feature in JavaScript that allows you to spread an array or object into individual arguments or properties.

2. How do I use the spread operator?

   You can use the spread operator to expand an array or object into individual arguments or properties by prefixing it with three dots (… ).

3. What is the rest operator?

   The rest operator is used to extract a specific portion of an object and leave the rest as it is.

4. How do I use the rest operator?

   You can use the rest operator by prefixing a property name with the rest operator (… ) followed by the name of the property you want to extract.