JAVASCRIPT
- Understanding Hoisting in JavaScript
- Understanding Closures in JavaScript: A Complete Guide for Beginners
- Understanding Anonymous Functions in JavaScript
- JavaScript Functions: A Complete Guide
- Var vs let vs const in JavaScript
- Understanding Temporal Dead Zone (TDZ) in JavaScript
- what is surrounding state and lexical environment
- Understanding the Scope Chain in JavaScript
- How Javascript Works And Code is executed
- What is undefined and null in JavaScript?
- What are template literals in JavaScript?
- What is the difference between typeof and instanceof?
- What is a callback function?
- Explain IIFE (Immediately Invoked Function Expression).
- What is the difference between function declarations and function expressions?
- What is the arguments object in JavaScript?
- What are rest parameters and default parameters?
- What are first-class functions?
- What is the difference between call, apply, and bind?
- Explain private variables in JavaScript.
- What is an object in JavaScript?
- What are object properties and methods?
- What are getters and setters in JavaScript?
- Difference between object literal and constructor function.
- What is the difference between Object.freeze and Object.seal?
- How does Object.create() work?
- What is the DOM?
- How do you prevent default behavior of events?
- Difference between innerHTML, innerText, and textContent.
- Understanding Events in JavaScript: A Complete Guide
- How to Chain Promises in JavaScript? (Complete Guide)
- What is the difference between function scope and block scope?
- What are data attributes?
- Understanding the JavaScript Event Loop: A Complete Guide
- Explain this keyword in JavaScript.
- What is prototype and prototypal inheritance?
- How do you add or remove properties from an object?
- Difference between array and object.
- What is event delegation?
- What are array methods like map, filter, reduce?
- How do you clone an array?
- Difference between forEach and map.
- What is destructuring?
- What are template literals?
- What are modules in JavaScript?
- What is spread and rest operator?
- Difference between import and require.
- What is a promise?
- How do you remove an event listener?
- Explain async/await in JavaScript.
- Difference between HTMLCollection and NodeList.
- How do you select elements in DOM?
- Explain event delegation.
- What is a generator function?
- What is the difference between bubbling and capturing?
- How to create and remove DOM elements dynamically?
- How to traverse the DOM?
- Explain event bubbling and capturing.
- Difference between onclick and addEventListener.
- What is preventDefault and stopPropagation?
- How to handle keyboard events?
- How to handle mouse events?
- How to handle form submission using JS?
- Difference between synchronous and asynchronous code.
- Explain memoization in JavaScript.
- Explain debounce and throttle.
- Difference between shallow copy and deep copy.
- What is Proxy and Reflect in JavaScript?
- Explain Symbol in JavaScript.
Difference between array and object.
Let’s break down the difference between an array and an object in JavaScript (and generally in programming):
🔹 Array
- Definition: An ordered collection of values (indexed by numbers).
- Key: Uses numeric indexes (0, 1, 2, …).
- Use case: Best when you need to store a list of items in order.
- Methods: Has many built-in methods like
.push(),.pop(),.map(),.filter(),.forEach(). - Example:
let fruits = ["apple", "banana", "mango"]; console.log(fruits[0]); // "apple"
🔹 Object
- Definition: A collection of properties in key–value pairs.
- Key: Uses string (or symbol) keys, not numbers by default.
- Use case: Best when you want to store data with labels or properties.
- Methods: Doesn’t have array methods, but you can use
Object.keys(),Object.values(),Object.entries(). - Example:
let person = { name: "John", age: 30, city: "Delhi" }; console.log(person.name); // "John" console.log(person["age"]); // 30
🔑 Main Differences
| Feature | Array | Object |
|---|---|---|
| Data Structure | Ordered list | Key–value pairs |
| Indexing | Numeric (0,1,2,…) | String (or Symbol) keys |
| Use Case | Store multiple values in order | Store related data with labels |
| Built-in Methods | Many (push, pop, map, filter) | Fewer (Object.keys, values) |
| Iteration | Loops, forEach, map | for...in, Object.keys() |
✅ Rule of Thumb:
- Use an array when the order of elements matters.
- Use an object when you need to describe an entity with named properties.
No comments yet! You be the first to comment.
