Döngü for...of
for...of
və for...in
döngüləri JavaScript-də array-lər və obyektlərin xüsusiyyətləri üzrə iterasiya etməyin rahat yollarını təqdim edir. Hər iki döngü təkrarlamaq üçün istifadə olunur, amma fərqli vəziyyətlərdə tətbiq edilir.
Döngü for...of
for...of
döngüsü iterasiya oluna bilən obyektlər (məsələn array-lər, string-lər, Set
və Map
obyektləri) üzrə iterasiya etmək üçün nəzərdə tutulmuşdur. Bu döngü kolleksiya elementlərini asanlıqla təkrarlamağa imkan verir.
Sintaksis:
for (let variable of iterable) {
// hər bir element üçün icra ediləcək kod
}
Nümunə:
let array = [1, 2, 3, 4, 5];
for (let value of array) {
console.log(value);
}
// Çıxış: 1 2 3 4 5
Array-lər üçün tətbiqi
for...of
döngüsü array-lərin elementlərini təkrarlamaq üçün əlverişlidir, çünki hər bir elementin dəyərinə çıxış təmin edir:
let fruits = ['alma', 'banan', 'ğilas'];
for (let fruit of fruits) {
console.log(fruit);
}
// Çıxış: alma banan ğilas
String-lər üçün tətbiqi
for...of
döngüsünü həmçinin string-lərin simvolları üzrə iterasiya etmək üçün istifadə etmək olar:
let str = 'Salam';
for (let char of str) {
console.log(char);
}
// Çıxış: S a l a m
9.2 For...in dövrü
for...in
dövrü obyektin sayılabilən xassələrini iterasiya etmək üçün istifadə olunur. Bu, hər bir xassənin açarını iterasiya edir.
Sintaksis:
for (let key in object {
// hər element üçün icra olunacaq kod
}
Nümunə:
let obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
console.log(key + ': ' + obj[key]);
}
// Nəticə: a: 1 b: 2 c: 3
Obyektlər üçün tətbiqi
for...in
dövrü obyektin xassələrini keçmək üçün əlverişlidir, çünki hər bir xassənin açarı və dəyərindən istifadə etmək imkanı verir:
let user = {
name: 'John',
age: 30,
isAdmin: true
};
for (let key in user) {
console.log(key + ': ' + user[key]);
}
// Nəticə: name: John age: 30 isAdmin: true
Massivlər üçün tətbiqi
for...in
dövrü massiv indekslərini iterasiya etmək üçün istifadə edilə bilər, lakin bu tövsiyə edilmir, çünki bu, prototipdən olan xassələr daxil olmaqla bütün sayılabilən xassələrə iterasiya edir:
let array = ['apple', 'banana', 'cherry'];
for (let index in array) {
console.log(index + ': ' + array[index]);
}
// Nəticə: 0: apple 1: banana 2: cherry
9.3 for...of və for...in dövrlərinin müqayisəsi
for...of və for...in dövrlərinin müqayisəsi:
Təsvir | for...of | for...in |
---|---|---|
Tətbiq sahəsi | İterasiya olunan obyektlər (arraylər, sətirlər, Set, Map) | Obyektlər |
Xüsusiyyətlər | Dəyərlər üzərində iterasiya edir | Açarlar üzərində iterasiya edir |
Arraylərdə istifadə | for (let value of array) { ... } |
for (let index in array) { ... } |
Obyektlərdə istifadə | for (let value of Object.values(obj)) { ... } |
for (let key in obj) { ... } |
GO TO FULL VERSION