KandZ – Tuts

We like to help…!

JavaScript 8 ๐Ÿงฌ objects

a - creating objects
objects are a fundamental data structure used to store collections of key-value pairs.
Objects can represent real-world entities or abstract concepts with properties (keys) and methods (functions).
Almost all object are instances of Object.
A Typical Object inherits properties from Object.prototype
Creating Objects: 1. Object literal syntax โ†’ const const person = {}
2. Using Object Constructor โ†’ const person = new Object();
3. Using Object create Method โ†’ const person = Object.create(prototype);
4. Using Class syntax (ES6+) โ†’ class Person {}
const person = new Person('Alice', 30);

b - access, add, modify and delete object properties
You can access object properties by using dot or bracket notation
console.log(person.name); โ†’ Dot notation
console.log(person['age']); โ†’ Bracket notation
You can modify existing properties or add new ones
person.age = 31; โ†’ Modify existing property
person.city = 'New York'; โ†’ Add a new property
You can delete properties from an object using the delete operator
delete person.isStudent; โ†’ removes a property

c - check for property existence and property iteration
To check if an object has a specific property, you can use the in operator or hasOwnProperty
console.log('name' in person); โ†’ exists, returns true
console.log(person.hasOwnProperty('age')); โ†’ exists, returns true
You can iterate over the properties of an object using for...in loop
for (let key in person) { } โ†’ property iteration
person is the object
key will take on each property name of the person object in turn

d - Object.keys entries and more methods

Object.keys() and Object.methods() are built-in JavaScript methods.
keys() returns an array of the object's property names, keys
let keys = Object.keys(person); โ†’ returns ['name', 'age', 'greet', 'city']
entries() returns both keys and values
let entries = Object.entries(person); โ†’ returns [["name","Alice"], ["age",31], ["greet",null], ["city","New York"]]
entries.forEach(([key, value]) = > { } โ†’ iterates through the returned entries
and some more: toString(), toLocaleString(locales[, options]), valueOf(), assign(target, ...sources)
isPrototypeOf(object), propertyIsEnumerable(prop), values(object),
create(o, propertiesObject), defineProperty(obj, prop, descriptor)
defineProperties(obj, props), getOwnPropertyNames(obj), getOwnPropertySymbols(obj), freeze(obj), seal(obj)

Stop using slow, ad-bloated tool sites! ๐Ÿคฎ

๐Ÿ”Ž Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
โœ… Finance (Mortgage, Interest, Inflation)
โœ… Tech (Base64, JSON, Dev Suite, IP)
โœ… Health (BMI, BMR, TDEE)
โœ… Productivity (Timer, Workspace, QR)

โšก๏ธ Fast & Private
๐Ÿ”’ No data leaves your device
๐Ÿ’Ž 100% Free

๐Ÿ”— Use it now: https://tools.kandz.me
๐Ÿ”– Bookmark itโ€”youโ€™ll need it later!

Leave a Reply

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock