Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

JavaScript functions can create, read, update, and delete properties on ordinary objects. These operations change in-memory JavaScript values; they do not, by themselves, save data to a database or send an API request.

What CRUD means for a JavaScript object

An object associates property keys with values. A property’s value can itself be a function; a function stored on an object is commonly called a method. For example, { title: "Draft" } has a title property whose value is a string.

For an ordinary in-memory object, CRUD means creating a property, reading its value, updating that value, or deleting the property. The core operations use assignment, property access, and the delete operator. [MDN: Working with objects]

How to create, read, update, and delete a property

This set of helpers works with a record-like object and a key. The key is passed as a variable, so the helpers use bracket notation.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter
  • Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
  • Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
  • Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
  • Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
  • 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
function createRecord(id, value) {
  return { id, value };
}

function readProperty(record, key) {
  return Object.hasOwn(record, key) ? record[key] : undefined;
}

function updateProperty(record, key, value) {
  record[key] = value;
  return record;
}

function deleteProperty(record, key) {
  return delete record[key];
}

const record = createRecord("task-1", "Draft");
readProperty(record, "value");       // "Draft"
updateProperty(record, "value", "Published");
deleteProperty(record, "value");

Create with a new object or add to an existing one

createRecord returns a new object literal with id and value properties. To add a property to an existing object, assign to it: record.status = "open". Assignment also replaces the value if that key already exists, so it does not inherently distinguish creating a property from updating one.

Use dot notation when the property name is known and is a valid identifier. Use brackets when the key is computed or held in a variable: record[key] = value. Brackets also allow property names that are not valid identifiers, such as record["display-name"]. [MDN: Working with objects]

Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter
  • 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
  • 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
  • Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
  • 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
  • What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.

Read a property and check whether it exists

Read a known property with record.value, or a dynamic key with record[key]. Reading a missing property produces undefined. That value alone cannot tell you whether the property is absent or present with the value undefined.

Object.hasOwn(record, key) checks whether the property belongs directly to record. This is useful when the operation should consider only the object’s own properties, not properties inherited through its prototype. The in operator is different: it also finds inherited properties. [MDN: Working with objects]

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
Anker USB C Hub, 7in1 Multi-Port USB Adapter, 4K@60Hz USBC to HDMI Splitter
  • Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
  • Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
  • Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
  • Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
  • What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.

Update by assigning a replacement value

record[key] = value replaces a writable property’s value. If the property does not exist, assignment may create it, provided the object allows extensions. Getters and setters, property descriptors, and frozen or otherwise constrained objects can change what assignment does; it is not guaranteed to succeed in every case. [MDN: Object]

The example’s update helper mutates the object it receives, then returns that same object. Returning it can be convenient for a caller, but the mutation is visible through other references even if the helper returns nothing.

Rank #4
Sale
UGREEN USB to USB C Adapter Combo 4-Pack, 10Gbps USB C Converter Space Gray
  • Dual Converters, Infinite Potential:Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
  • Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
  • Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
  • Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
  • Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft

Delete a property and interpret the result

delete record[key] attempts to remove an own configurable property and returns a boolean. Deleting a nonexistent property has no effect and returns true. If a property with the same name is inherited, deleting an own property reveals the inherited one; it does not remove the prototype’s property.

A non-configurable own property cannot be deleted. In strict mode, attempting to delete one throws a TypeError; outside strict mode, the operation returns false. Deletion removes a property reference from the object—it is not an instruction to free memory directly. [MDN: delete]

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Best Value
Anker USB C Hub, 5-in-1 USBC to HDMI Splitter with 4K Display
  • 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
  • Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
  • Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
  • HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
  • What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

What a function that changes an object changes

When an object is passed to a function, the parameter refers to the same object value as the caller’s variable. Changing a property through that parameter changes the object the caller can observe:

function setStatus(item, status) {
  item.status = status;
}

const task = { status: "draft" };
setStatus(task, "published");
// task.status is now "published"

Reassigning the parameter is different. It changes only the local parameter binding, not the caller’s variable:

function replaceLocally(item) {
  item = { status: "published" };
}

const task = { status: "draft" };
replaceLocally(task);
// task.status is still "draft"

This distinction explains why a mutation helper can change caller-visible state without returning a replacement object. [MDN: Functions]

Choosing mutation, property scope, and key notation

Choice What it means When it fits
Mutate the object Assign or delete on the existing object; references to it observe the change. When callers are expected to share the changed object.
Return a copy Build a separate shallow object, for example with object spread or Object.assign; the original object keeps its identity and top-level properties. When callers need a distinct object rather than a mutation. A shallow copy does not recursively copy nested objects. [MDN: Object]
Use dot notation Access a fixed, identifier-like property, such as record.name. When the key is known in the code.
Use bracket notation Access a computed key or a key held in a variable, such as record[key]. When the property name is dynamic or not identifier-like.
Check own properties Object.hasOwn(record, key) tests direct ownership. When inherited properties should not count as present.
Check the prototype chain key in record includes both own and inherited properties. Only when inherited properties are intentionally in scope.

For create-only behavior, check whether the key is already present and define what should happen on a conflict. Plain assignment replaces an existing value rather than rejecting the operation. Property descriptors can also make properties non-writable or non-configurable, or expose getter and setter behavior; Object.freeze is one way an object’s properties can be restricted. [MDN: Object]

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In-memory CRUD is not database or API CRUD

Changing record.status or running delete record.status changes a JavaScript object in memory. Those language operations do not persist the change after a page or process ends, synchronize it with a server, or provide database transaction behavior. Database and HTTP CRUD require a separate storage or API layer with its own request, persistence, and error-handling rules. [MDN: Working with objects] [MDN: Object]

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.