Array Basic

 Array is another important build-in data structure in JS. Its syntax is

const personName = ['hari', 'shyam', 'gita', 'rabin']

*starts with big bracket ‘[]’

*Each element have index and determine the position of element in array.

Here index 0 is hari,1→shyam and so on.

*Array in js is dynamic means we can store different types of variable in array unlike other static programming langage.

Example

const personName = ['hari', 'shyam', 'gita', 'rabin']
personName[4] = 2000
console.log(personName)

Technically array is an object. It has bunch of build-in function

if type personName. → we can see its properties or method and we can use it.

like

console.log(personName.length) --->5
console.log(typeof personName) --->object

Comments

Post a Comment

Popular posts from this blog

Redux toolkit

Image
🧠 What is Redux Toolkit? Redux Toolkit is the official, recommended way to use Redux — a tool that helps you manage global state in React apps. Component State (Local State) Belongs to one specific component.  It’s used when only that component needs to know or control that data. Example: Imagine a light switch component in a room. The switch ON/OFF is tracked inside that component only — no other part of the house (app) needs to know about it. function LightSwitch() {  const [isOn, setIsOn] = useState(false);  return <button onClick={() => setIsOn(!isOn)}>{isOn ? 'ON' : 'OFF'}</button>;  } Global State This is shared state — data that multiple components need to access or update. It’s stored in a central place and can be used across the app. Example: Imagine an app with a theme toggle (dark/light mode) that affects the whole app — not just one component. If you stored this in just one component, others wouldn’t know when it changes. So, you use globa...
Read more

Array Advance

Image
 Adding element in end, beginning and middle of array. To add element at end of array we use push method. const cars = ['honda', 'bmw', 'lambo', 'bugati'] cars.push('toyata', 'jaguar') console.log(cars); To add element at beginning of array we use unshift method like cars.unshift('mastang', 'ferrari') console.log(cars); To add element at middle of array we use splice method. we can use splice method to both add and delete . Syntax Example cars.splice(2, 0, 'byd', 'mg') console.log(cars); From 2nd index byd and mg will added to array. Finding elements(Primitive Type) How to find elements in array? we have couple of method for that, that are indexOf(), lastIndexOf(), include() indexOf() → return earliest index of array if element exist else return -1 Example console.log(cars.indexOf('lambo')); —→6 lastIndexOf() →return last index of array if element exist else return -1 cars.push(...
Read more

HTML – a must-know for building responsive and dynamic layouts.

 Box Model <!-- at core we have content, padding, border, margin inspect the browser we can see the detail diagram of box model --> <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Document </ title >     < style >       p {         /* padding: 1px 2px 1px 2px; */         /* we give padding value as T R B L -> top right bottom left             if we give single value, it will same value for all direction             last value is not given then, left value will be right value             if 2 value given bottom, will use 1st value, and left will use 2nd value             */ ...
Read more