JavaScript Arrays
Sir Yasir Ali Lashari
Web & App Development
Array kya hota hai?
Array aik data structure hota hai jo multiple values ko aik hi variable main store karta hai. Is se
data ko manage karna, update karna aur use karna asaan ho jata hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link](students);
</script>
Arrays kyun use karte hain?
Zyada values aik jagah rakhne ke liye.
Related data ko organize karne ke liye
Loop aur methods ke zariye data par kaam karne ke liye
Real-life
Lists (students, products, marks) banane ke liye
Array index
Array ka index 0 se start hota hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link](students[0]);
</script>
JavaScript Array Methods
1. push()
Array ke end main value add karta hai.
<script>
let students = ["Ali", "Ahmed"];
[Link]("Sara");
[Link](students);
</script>
2. pop()
Array ke end se value remove karta hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]();
[Link](students);
</script>
3. unshift()
Array ke start main value add karta hai.
<script>
let students = ["Ahmed", "Sara"];
[Link]("Ali");
[Link](students);
</script>
4. shift()
Array ke start se value remove karta hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]();
[Link](students);
</script>
5. length
Array main total elements batata hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]([Link]);
</script>
6. indexOf()
Kisi value ka index number batata hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]([Link]("Ahmed"));
</script>
7. includes()
Check karta hai value array main mojood hai ya nahi.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]([Link]("Sara"));
</script>
8. slice()
Array ka hissa copy karta hai (original array change nahi hota).
<script>
let students = ["Ali", "Ahmed", "Sara", "Hina"];
let newList = [Link](0, 2);
[Link](newList);
</script>
9. splice()
Array se value remove ya add karta hai (original array change hota hai).
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link](1, 1);
[Link](students);
</script>
10. join()
Array ko string main convert karta hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]([Link](" - "));
</script>
11. reverse()
Array ka order ulta kar deta hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link]();
[Link](students);
</script>
12. sort()
Array ko alphabetical ya numerical order main sort karta hai.
<script>
let students = ["Sara", "Ali", "Ahmed"];
[Link]();
[Link](students);
</script>
13. forEach()
Har element par loop chalata hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
[Link](function(name){
[Link](name + "<br>");
});
</script>
14. map()
Har value par operation laga kar new array banata hai.
<script>
let numbers = [10, 20, 30];
let newNumbers = [Link](function(n){
return n + 5;
});
[Link](newNumbers);
</script>
15. filter()
Condition ke mutabiq values filter karta hai.
<script>
let marks = [30, 60, 80, 45];
let pass = [Link](function(m){
return m >= 50;
});
[Link](pass);
</script>
16. concat()
Do arrays ko jorta hai.
<script>
let a = ["Ali", "Ahmed"];
let b = ["Sara", "Hina"];
let c = [Link](b);
[Link](c);
</script>
17. [Link]()
Check karta hai variable array hai ya nahi.
<script>
let students = ["Ali", "Ahmed"];
[Link]([Link](students));
</script>
18. Spread Operator (...)
Multiple arrays ko aik main combine karta hai.
<script>
let a = ["Ali", "Ahmed"];
let b = ["Sara", "Hina"];
let all = [...a, ...b];
[Link](all);
</script>
19. Destructuring
Array ki values alag-alag variables main assign karta hai.
<script>
let students = ["Ali", "Ahmed", "Sara"];
let [first, second] = students;
[Link](first + "<br>");
[Link](second);
</script>
Summary
Array multiple values store karta hai
Index 0 se start hota hai
push/pop end ke liye
shift/unshift start ke liye
map/filter advanced use ke liye
forEach looping ke liye