DEV Community: ViGnEsH

Basic Array Methods

ViGnEsH — Wed, 08 Apr 2026 11:46:50 +0000

April -08 -2026

Array length

the length proerty return the arrayName.length of array.

Example

Array toString()

toString is used array string or non check,
Number also add in string.

Array at()

The at() method used to index for array elements
The are at(2) 2 element only print.

Array join()

Array join methed is used join add element string.
The join is no change main array.

Array push() and Array pop() : Add and Remove for end element.

Array push() -> push () method is extra element add in last

Array pop() -> pop () method is remove element in last element

Array shift()
Array unshift()

Array shift() and Array unshift() : Add and Remove for end element.

Array shift() -> shift () method is remove element in frist element

Array unshift() -> push () method is extra element add in frist

Array isArray()

Array isArray method is that program array or not check used
that program not array this all array methods no work
add a new element.

Array delete()

delete method remove element but that space empty delete arrayName [0]

Array concat()

Array concat() is join two arrays
used different store for concat.

Array copyWithin()

copyWithin() is index 2,0 is index value repect change.

Array flat()

Array flat() is multiple array store one array.

Array slice()

Slice method is slice piece any index
remove in array

Array splice()

Array splice() add index element .

Array toSpliced()

The difference between the new toSpliced() method and the old splice() method

Return types, constrution function, Array methods

ViGnEsH — Tue, 07 Apr 2026 11:52:54 +0000

April 07 2026

FUNCTION

A function is a block of reusable code used to perform a specific task.

Why used function ?

The are used for specific task store one any the used for other code.

Syntax

function functionName {
// code
};

Example

Types of function

Normal Function

Function Expression

Arrow Function

RETURN TYPES

The return keywords used to send a value back to funtion.

Syntax

function functionName {
// code
// return a+b;
};

Example

Types of Return Values

Number > return 1, 2...
String > return "vignesh"
Boolean > return true or false
Array > return [1,2,"vig",4]
Object > return {name:"Vignesh"}

CONSTRUCTOR

A constrution is special fuction used to create new objects. this is blueprint.

Example

Key points

new keyword is used different store.
this keyword is used refers to current object.
Used is multiple object created.

Array Method

array store multiple object in single variables.

let numbers = [10, 20, 30];

push() -> add element
push()
pop()
shift()
unshift()
forEach()
map()
filter()
reduce()
find()
findIndex()

(to be discuss )

JavaScript Objects Made Easy for Beginners

ViGnEsH — Mon, 06 Apr 2026 12:13:04 +0000

2026 - April - 06

What object?

Object is collection of information store in one place.
Object type of represents one of javascript datatypes
Object can be created using the object()
Object have state and behaviour State is a like name, color, age (key , value) Behaviour is a like console.log(person.name)
If you understand object you understand javascript

CRUD

Create (add data)

we are create const variable
key : value
used comma each line but
last line no used comma.

Read (get data)

Print out output
Read is used console.log(mobile.price)
mobile -> Object name
price -> property
dot -> dot operator

Update (change data)

Price data value change
why print 29999 value

Now print 1999 because value change before we are print that is reason.

Delete

Delete mobile model give true in output
now print model what are come output see

Output comes in undefined value.

We are learn about CRUD

Create
Read
Updata
Detele

How to Reverse a Number in JavaScript with Examples

ViGnEsH — Sun, 05 Apr 2026 18:46:58 +0000

2026 - April - 05

why used reverse ?

A reverse loop is used process data end to the start, useful for like reversing number .

I will give flowchat

Coding

create 3 veriable
i.num -> store the give value
ii.rev -> store the reverse value
iii.digit-> store the last digit value
next while loop condition num greater than 0 (0 > 0 ) condition fail loop stop
digit num % 10 gets the last digit ,
why 10 ?
We use 10 because numbers are in the decimal
used in divides,multiple..
rev*10 + digit value store in rev
Same time give decimal number can't run
Modify in without decimal used Math.floor
num/10 removes last digit
Run repeat in loop fail
Print in Output 3210987
stop entire program

% 10 → last digit
reverse * 10 + digit → build reverse
/ 10 → remove last digit

Sample of function

ViGnEsH — Sat, 04 Apr 2026 18:39:28 +0000

2026 - April - 04

Function

In JavaScript, a function is a block of code designed to perform a specific task. funtion code one time write use it many times.

1. Function Declaration

2. Function Expression

3. Arrow Function

** More than one line code**

Types of function

Function Declaration
Function Expression
Arrow Function
Anonymous Function
Named Function
Callback Function
IIFE (Immediately Invoked Function Expression)
Recursive Function
Higher-Order Function
Constructor Function
Generator Function
Async Function
Method (Function inside object)
One-line Arrow Function

4 to 14 (to be discuss )

Functions in JavaScript Made Easy

ViGnEsH — Fri, 03 Apr 2026 18:16:29 +0000

April -03 -2026

Function

JavaScript is dynamic value include runtime object construction.
variable parameter lists / arguments lists ,function variables
The dynamic script creation
The save a function we want call function-name
what are open barket and close barket () come that are a function

create container name variable and put in function name
create function and function name (paremeters 1 , 2.. if you want
variable name result inside stringmake noodle
return is call a countainer and go outside in function
console.log is can't work because return is come stop runing.

This also same and different in return statement is last for function
print output

This also same and different in return statement go outside store
in person
Again person -> store family
family-> store breakfast
console.log(breakfast) //make noodle

Student Marks & Grade System Using Array

ViGnEsH — Thu, 02 Apr 2026 18:32:21 +0000

2026 - April - 02

Student Marks & Grade System Using Array

Fail count
if fail count is > 0 ( print no grade )
Find total
Find Average
if average grade

*Find fail count *

Const marks arrys [value]
Create i variable for used loop program
fail count find create failcount variable
start while loop condition i<5
condition pass run loopfailcount < 35 pass failcount++ and fail condition loop stop run
loop outside print statement

if fail count is > 0 ( print no grade ) and Find total

continue failcount less than 0 pass print no grade
fail count total marks create j , total variables
else condition inside while loop condition j less than 5
loop pass inside total=total+mark[j]
loop condition fail stop and print total marks

Find average and grade

create avg variable for average value store
Used Go else if statement
one by one if condition and else if condition checking
This all fail used else statement print.

Full project

This a full Student Marks & Grade System.

What is an Array? Simple Explanation with Examples

ViGnEsH — Wed, 01 Apr 2026 17:16:38 +0000

WHAT IS ARRAY

Multiples value store one countries.
Looping can't used array because variable different.
First variable, all set same name.
Array index value go => 0,1,2,3,4,5..., etc.
Starting number value zero.
Dynamic size - Value change for any time (User).
main one is Array symbol []
square bracket.

Examples

JavaScript Array program

Couny of Fail

Output

_________________________________Explain about fail count :

First create Array variable name marks and value
Next create variable name fail and second variable name i .
Create While loop in i < less than 5
if condition marks [i] < less than 35 ,i variable name is set because (say in 6 point)
fail variable in post increase ( square bracket i<35) condition true go inside and fail ++ work
i ++ variable also post increase,is 0+1=1, again 1+1=2 again again five time run loop this loop condition fail loop repeat.
The Finally part in Output used console.log (fail) _________________________________ fail and pass count

Output

Explain about fail and pass count :

First create Array variable name marks and value
Next create variable name fail ,pass variable and variable name i .
Create While loop in i < less than 5
if condition marks [i] < less than 35 ,i variable name is set because say in 6 point
fail variable in post increase
i ++ variable also post increase,this loop condition fail loop repeat.
if condition fail and used of else condition inside pass++ post increase
The Finally part in Output used console.log ("Fail ",fail), console.log ("Pass ",pass) _________________________________

Total of marks

Explain about Total marks:

Output

Explain about Total marks:

Same create Array marks name variable [22,30,12,45,78] this value are sum.
Create two variables (i) let total (ii) let i two value is 0.
Create While loop because now all variable name is same (I will Explain 6 point )
i < less than 5 this is loop condition
total =total + marks [i] ,what is line i Explain- total value 0 + marks value ex 0+1 =1, 1+1=2,2+1=3,3+1=4 Finally 4+1=5 loop stop because 5 less than 5 fail
The i variable increase in i++ condition, this is a i variable value change for loop runtime (ex)- 0 > 1 > 2 > 3 > 4
Than last step come the Output, used console.log ("Total mark -", total)"" Quotation mark is a string than another topic.

*Array is Dynamic value and different variable store one place used
*
_That's all thank you 😊 _

HTML Attributes Explained: A Beginner-Friendly Guide

ViGnEsH — Tue, 31 Mar 2026 17:17:50 +0000

ATTRIBUTES

Attributes is extra information in html tag.

I Give a Diagram :

<a>of attributes like href, link address URL Specified in href attribute
SRC Source are use for img tag , and like width ="500" height ="500"
<p> <h1> ..., more than multiple tags.
<p style = "color:blue"> inline style
title

Attributes is extra information in html tag.

Finally

Attributes is a tag more than value is a attributes

“Divisors, Count & Prime Number in JavaScript (With Examples)”

ViGnEsH — Mon, 30 Mar 2026 17:08:06 +0000

Divisors of given number

Coding

Output

Count of Divisors of given number

Coding

Output

Prime Number

Coding

Output

Nonprime Number

Coding

Output

Learn JavaScript Loops by Example: Counting, Multiplying, and Printing

ViGnEsH — Sat, 28 Mar 2026 09:30:47 +0000

_**Understanding Conditionals Inside Loops - Multiples of 3 and 5

Javascript Flow chart

JAVASCRIPT WHILE LOOP CODE

Multiples of 3

OUTPUT:

Multiples of 5

OUTPUT :

"JavaScript While Loop Explained with Simple Diagrams"

ViGnEsH — Fri, 27 Mar 2026 09:14:41 +0000

Looping Programs:

1 1 1 1 1
1 2 3 4 5
1 3 5 7 9

3 6 9 12 15
Multiples of 3 and 5
Multiples of 3 or 5

Divisors of given number
Count of Divisors of given number
Prime Number

Reverse Printing a number
Count of Digits

Sum of Digits

     To Be continued