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