JavaScripthand handler.set() Method

Last Updated : 17 Mar 2025

The handler.set method is an assignment of a value to a property value. The set can be iterator in the insertion order. It is a collection of items which are unique. If an assignment succeeded, then return true. Otherwise, returns false.

An Iterator is an object which defines a sequence and potentially a return value upon its termination.

Syntax

Parameters

target: The target object.

property: Name or Symbol of the property.

value: New value of the property.

receiver: This is usually the proxy itself. A set handler assignment indirectly, via the prototype chain or various other ways.

Return value

Return a Boolean value.

Browser Support

Chrome	49
Edge	12
Firefox	18
Opera	36

Example 1

<script>
var proxy = { "a": 1, "b": 2 }
var pset = new Proxy(
  proxy, {
    set: function(y, idx, value) {
    y[idx] = value * 10
   }
  }
)
pset.c = 3
for(var z in pset) {
  document.writeln(z + "=" )
  // print equal sign.
  document.writeln(pset[z])
  
  //expected output: a= 1 b= 2 c= 30
}
</script>

Output:

a= 1 b= 2 c= 30

Example 2

<script>
var x = { foo: 1 };
var proxy = new Proxy(x, {
  set: function(target, name, value, proxy) {
  document.writeln ('in set');
target[name] = value.toUpperCase();
  }
});
proxy.foo = 'proxy method';
document.writeln(x.foo); // value stored on x is uppercase
 //expected output: in set PROXY METHOD
 </script>

Output:

in set PROXY METHOD

Example 3

<script>
const q={
 foo:1
}
const p = new Proxy(q, {
  set: function(target, prop, value, receiver) {
    target[prop] = value;
    document.writeln('property set: ' + prop + ' = ' + value);
    //expected output: property set: a = 10
    }
})
document.writeln('a' in p); 
//expected output: false
p.a = 10;  
// "property set: a = 10"
</script>

Output:

false property set: a = 10

Next TopicJavaScript handler

← prev next →

We deliver comprehensive tutorials, interview question-answers, MCQs, study materials on leading programming languages and web technologies like Data Science, MEAN/MERN full stack development, Python, Java, C++, C, HTML, React, Angular, PHP and much more to support your learning and career growth.

Contact info

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

+91-9599086977

Interview Questions

Python Java Data Structure C++ C HTML JavaScript jQuery SQL Power BI

Online Compilers

C Compiler R Compiler C++ Compiler PHP Compiler Java Compiler HTML Editor Swift Compiler Python Compiler JavaScript Editor TypeScript Editor

Latest Post | Tutorials List | Privacy Policy | About Us | Contact Us

JavaScripthand handler.set() Method

Syntax

Parameters

Return value

Browser Support

Example 1

Example 2

Example 3

Contact info

Follow us

Top Tutorials

Interview Questions

Online Compilers

JavaScript Basics

JS Variables and Data Types

JS Control Statements

JavaScript Functions

JavaScript Objects

JS Advanced Functions

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON Object

JavaScript Validation

JavaScript Cookies

Exception Handling

JavaScript Collections

JavaScript Events

JavaScript OOPs

JavaScript BOM

Interview Questions

MCQ

Differences

JavaScript Map Methods

JavaScript Handler

JavaScript Number Methods

JavaScript Reflect

JavaScript Symbol

Symbol Property

JavaScript Math Methods

JavaScript Date Methods

JavaScript DataView

JavaScript Object Methods

JavaScript Set Methods

JavaScript String Methods

JavaScript TypedArray Method

JavaScript WeakMap Methods

JavaScript WeakSet Methods

JavaScript Array Methods

JavaScript RegExp Object

JavaScript Extras

JavaScript Misc

JavaScript Advance

Questions

Lodash

JavaScripthand handler.set() Method

Syntax

Parameters

Return value

Browser Support

Example 1

Example 2

Example 3

Related Posts

Subscribe to Tpoint Tech

Contact info

Follow us

Top Tutorials

Interview Questions

Online Compilers