Forem: QUBE

JavaScript Scenario Questions(variables,operators,conditional statements)

QUBE — Mon, 20 Apr 2026 08:02:19 +0000

10.

12.

11.

12.

13.

14.

16.

17.

18.

19.

20.

Object & Array Scenario Questions

QUBE — Mon, 20 Apr 2026 06:25:14 +0000

QUBE

Apr 20

Object & Array Scenario Questions

Comments

1 min read

Object & Array Scenario Questions

QUBE — Mon, 20 Apr 2026 06:24:22 +0000

1.User Profile Update:

2.Shopping Cart Total:

3.Find Specific Object:

4.Add Item to Array:

5. Count Items in Object:

Array Iterations in JavaScript

QUBE — Thu, 16 Apr 2026 08:35:26 +0000

Array forEach()

The forEach() method calls a function (a callback function) once for each array element.

Array map()

The map() method creates a new array by performing a function on each array element.
The map() method does not execute the function for array elements without values.
The map() method does not change the original array.

Array flatMap()

The flatMap() method first maps all elements of an array and then creates a new array by flattening the array.

Array filter()

The filter() method creates a new array with array elements that pass a test.

Array reduce()

The reduce() method runs a function on each array element to produce a single value.

Array reduceRight()

The reduceRight() works from right-to-left in the array. See also reduce().

Array every()

The every() method checks if all array values pass a test.

Array some()

The some() method checks if some array values pass a test.

Array Spread (...)

The ... operator expands an array into individual elements.

TBD(Array from(),Array keys(),Array entries(),Array with() & Array Rest (...)).

References:

w3schools.com

Callback Function in JavaScript

QUBE — Wed, 15 Apr 2026 09:17:49 +0000

A callback function in javascript is a function passed as an arguement into another function and executed later.
The benefit of using a callback function is that you can wait for the result of a previous function call and then execute another function call.

How Callbacks Work

Passing the Function: The function you want to run after some operation is passed as an argument to another function.
Executing the Callback: The main function executes the callback function at the appropriate time. This can be after a delay, once a task is complete, or when an event occurs.

Types of Callbacks:

Asynchronous Callbacks

Asynchronous callbacks are executed at a later time, allowing the main program to continue running without waiting.
This is essential for preventing the application from freezing during long-running tasks like network requests.

Synchronous Callbacks

Synchronous Callbacks are executed immediately within the outer function, blocking further operations until completion.
Array methods like map(), filter(), and forEach() use synchronous callbacks.

Example For Callback Function:

Avoid callbacks when:

Code becomes nested and unreadable (use Promises or async/await).
You need error handling in asynchronous operations (Promises are better).

References:

How to Use Callback Functions in JavaScript

When you're building dynamic applications with JavaScript that display real-time data – like a weather app or live sports dashboard – you'll need a way to automatically fetch new data from an external source without disrupting the user experience. Yo...

freecodecamp.org

JavaScript Callbacks - GeeksforGeeks

Your All-in-One Learning Portal: GeeksforGeeks is a comprehensive educational platform that empowers learners across domains-spanning computer science and programming, school education, upskilling, commerce, software tools, competitive exams, and more.

geeksforgeeks.org

//Object Constructors in JavaScript//

QUBE — Wed, 08 Apr 2026 08:27:01 +0000

In JavaScript, an Object Constructor is a special function used to create multiple objects with the same structure (properties and methods). It’s useful when you want to create many similar objects (like users, cars, teams, etc.).

In the constructor function, this has no value. The value of this will become the new object when a new object is created.

this in Objects:

The this keyword refers to an object.
In JavaScript, this is used to access the object that is calling a method.

Example:

Instead of creating seperate objects ,we can use Object Constructors for efficiency.

References:

w3schools.com

//Objects in JavaScript//

QUBE — Mon, 06 Apr 2026 18:08:06 +0000

An object is a dynamic data structure that stores related data as key-value pairs, where each key uniquely identifies its value.

The values of properties can be primitives, objects, or functions (known as methods when defined inside an object).
Objects are mutable and dynamic properties can be added, modified, or deleted at any time.
Objects allow data grouping and encapsulation, making it easier to manage related information and behaviour together.

1. Creating Object Using Object Literal

The object literal syntax allows you to define and initialize an object with curly braces {}, setting properties as key-value pairs.

2.Basic Operations on JavaScript Objects

CRUD Operations in Objects

Creating an Object in JavaScript:

Read through Objects:

Updating Values in Objects:

Deleting Values in Objects:

References:

Objects in JavaScript - GeeksforGeeks

geeksforgeeks.org

//Functions in JavaScript//

QUBE — Mon, 06 Apr 2026 06:28:41 +0000

1. What are Functions?

Functions or reusable code blocks designed for particular tasks
Functions are executed when they are called or invoked
Functions are fundamental in all programming languages

Functions are defined with the function keyword:

followed by the function name
followed by parentheses ( )
followed by brackets { }

Sample Program using Function:

2. Calling Functions

Functions are executed when they are called or invoked
You call a function by adding parentheses to its name: name()

3. Function Parameters

Parameters allow you to send values to a function
Parameters are listed in parentheses in the function definition

4. Function Return Values

A function can return a value back to the code that called it
The return statement is used to return a value from a function

5. Function Arguments

Function parameters and arguments are distinct concepts
Parameters are the names listed in the function definition
Arguments are the values received by the function

References:

w3schools.com

Array in JavaScript

QUBE — Fri, 03 Apr 2026 07:47:00 +0000

In JavaScript, an array is an ordered collection of values that can store multiple data types (numbers, strings, objects, etc.) under a single variable name.

Zero-Indexed: The first element is always at index 0, the second at 1, and so on.
Array elements are enclosed within square brackets.

why we use array?

for example, if we have a list of items storing the fruit in single variables could look like this:

let fruit_1="mango";
let fruit_2="apple";
let fruit_3="orange";

Here, we have only 3 fruits so we can declare like this but, what if we have 300 fruits? It's very hard to do in this method right.
For this the solution is array.

An array can hold many values under a single name, and you can access the values by referring to an index number.

const fruits=['mango','apple','orange'];

So this method is easier than the above. Here we declared 3 fruits names under a single varible.

Example:
simple program to print failcount of the student,using array.

****

References:

w3schools.com

Class & Id in HTML

QUBE — Wed, 01 Apr 2026 09:02:18 +0000

In HTML, the id and class attributes are used to identify and group elements, primarily for styling with CSS and manipulating with JavaScript. The key difference is that an id must be unique within a page, while a class can be used on multiple elements

class Attribute

Must be unique to a single element in the HTML document.
Uses a hash symbol (#) (e.g., #header).
Higher specificity.
Only one id per element.
Can be used for anchor links (jump links) within a page

id Attribute

Must be unique to a single element in the HTML document.
Uses a hash symbol (#) (e.g., #header).
Higher specificity.
Only one id per element.
Can be used for anchor links (jump links) within a page

JavaScript Program For Prime Number Using Loop

QUBE — Wed, 01 Apr 2026 08:45:11 +0000

📍Flowchart for simple looping programs.

QUBE — Mon, 30 Mar 2026 08:39:20 +0000