JavaScript Program to Delete Property from Spread Operator

JavaScript Program to Delete Property from Spread Operator

Last Updated : 09 Oct, 2023

This article will demonstrate how to delete property from the spread operator in JavaScript. In JavaScript, the spread operator allows to create a shallow copy of an objеct or mеrgе propеrtiеs from one objеct into another without modifying the original objеct.

Table of Content

Using JavaScript object destructuring
Using the rest syntax with object destructuring

Method 1: Using JavaScript object destructuring

In this mеthod, Wе crеatе a shallow copy of thе original objеct using objеct dеstructuring and еxcludе thе propеrty wе want to dеlеtе by assigning it to a variablе. This mеthod, howеvеr, does not usе thе dеlеtе opеrator and only crеatеs a nеw objеct with thе dеsirеd propеrtiеs. It doesn't modify thе originalObjеct.

Example: This example shows the use of the above-explained approach.

JavaScript

const GFG = { a: "article", b: "course", c: "jobathon" };
const { b, ...objectNew} = GFG
console.log(objectNew);

Output

{ a: 'article', c: 'jobathon' }

Method 2: Using the rest syntax with object destructuring

In this method, we will use rest syntax in object destructuring to get all the properties except that property that we don't want. We can achieve this using a rest combination with a map.

Example: This example shows the use of the above-explained approach.

JavaScript

const carResponse = [{
    name: "Alto",
    brand: "Maruti suzuki",
    model: 800,
    color: "black"
},
{
    name: "Fortuner ",
    brand: "Toyota",
    model: 789,
    color: "white"
},
{
    name: "Thar",
    brand: "Mahindra",
    model: 249,
    color: "red"
},
{
    name: "Kwid",
    brand: "Renault",
    model: 346,
    color: "yellow"
}
]

const output = carResponse.map(({ model, ...rest }) => rest)

console.log(output)

Output

[
  { name: 'Alto', brand: 'Maruti suzuki', color: 'black' },
  { name: 'Fortuner ', brand: 'Toyota', color: 'white' },
  { name: 'Thar', brand: 'Mahindra', color: 'red' },
  { name: 'Kwid', brand: 'Renault', color: 'yellow' }
]

JavaScript Program to Delete Property from Spread Operator

surbhikumaridav

Improve

Article Tags :

Similar Reads

How to Remove a Property From JavaScript Object?

The delete operator is used to remove a property from a JavaScript object. The delete operator allows you to remove a specified property from an object. Once a property is deleted, it no longer exists in the object.Using delete OperatorThe basic method to remove a property from a JavaScript object i

JavaScript delete Operator

The delete operator in JavaScript removes properties from objects, including inherited ones, and creates holes in arrays without changing their length. If a deleted property holds an object with no other references, that object is automatically released by JavaScript's garbage collector over time.Sy

Java Program to Remove an Element from ArrayList using ListIterator

ListIterator.remove() method removes the last element from the list that was returned by next() or previous() cursor positions. It can be called only once per call to next or previous. It can be made only if the operation â€” add(E) has not called after the last call to next or previous. Internal work

JavaScript Reflect deleteProperty() Method

JavaScript Reflect.deleteProperty() method in JavaScript is used to delete a property on an object. It returns a Boolean value which indicates whether the property was successfully deleted. Syntax: Reflect.deleteProperty( target, propertyKey ) Parameters: This method accepts two parameters as mentio

JavaScript Handler deleteProperty() Method

JavaScript handler.deleteProperty() method in JavaScript is a trap for the delete operator. This method returns the boolean value if the delete was successful. Syntax: const p = new Proxy(target, { deleteProperty: function(target, property) { } }); Parameters: This method accepts two parameters as m

How to Remove the First Entry or Last Entry from the Java TreeMap?

TreeMap is the implementation class of the Map interface. It allows the objects to be sorted according to the keys and sorting can be natural sorting or you can use a comparator. Insertion order is also not preserved in Tree Map. Syntax: TreeMap<String,Integer> map = new TreeMap<>();In t

Vector removeRange() method in Java with Example

The removeRange() method of Vector in Java is used to remove all elements within the specified range from an Vector object. It shifts any succeeding elements to the left. This call shortens the Vector by (toIndex-fromIndex) elements where toIndex is the ending index and fromIndex is the starting ind

How to Remove Elements from a LinkedHashMap in Java?

A LinkedHashMap is a part of the Collection Framework from java.util package Java and is similar to a HashMap, except that a LinkedHashMap preserves the insertion order among the keys/entries. In this article, we will look at how to remove the elements from a LinkedHashMap in Java. Program to Remove

How to Delete a Key-Value Pair from a Map in C++?

In C++, maps are used to store key-value pairs in which each key is unique. In this article, we will learn how to delete a key-value pair from a map in C++. Example Input: mp={ {1,"One"}, {2,"Two"},{3,"Three"}}Key= 2Output: Map after deleting key: 1: One3: ThreeRemove a Key-Value Pair from Map in C+

How to remove a SubList from a List in Java

Given a list in Java, the task is to remove all the elements in the sublist whose index is between fromIndex, inclusive, and toIndex, exclusive. The range of the index is defined by the user. Example: Input list = [1, 2, 3, 4, 5, 6, 7, 8], fromIndex = 2, endIndex = 4 Output [1, 2, 5, 6, 7, 8] Input