Sass list funksiyalari


ULASHISH

Sass list funksiyalari

List funksiyalari listdagi qiymatlarga murojaat qilish, listlarni birlashtirish va listlarga element qo‘shish uchun ishlatiladi.

Sass listlari o‘zgarmas (immutable) — ularni o‘zgartirib bo‘lmaydi. Shuning uchun list qaytaradigan list funksiyalari asl listni o‘zgartirmaydi, balki yangi list qaytaradi.

Sass listlarida indekslash 1 dan boshlanadi. Listdagi birinchi element 0-indeksda emas, 1-indeksda joylashgan.

Quyidagi jadvalda Sass’dagi barcha list funksiyalari keltirilgan:

Funksiya Tavsif va misol
append(list, value, [separator]) Listning oxiriga bitta value qo‘shadi. separator auto, comma yoki space bo‘lishi mumkin. Standart qiymat — auto.

Misol:
append((a b c), d)
Natija: a b c d
append((a b c), (d), comma)
Natija: a, b, c, d
index(list, value) Listdagi valuening indeks pozitsiyasini qaytaradi.

Misol:
index(a b c, b)
Natija: 2
index(a b c, f)
Natija: null
is-bracketed(list) Listda kvadrat qavslar bor-yo‘qligini tekshiradi.

Misol:
is-bracketed([a b c])
Natija: true
is-bracketed(a b c)
Natija: false
join(list1, list2, [separator, bracketed]) list2ni list1ning oxiriga qo‘shadi. separator auto, comma yoki space bo‘lishi mumkin. Standart qiymat — auto (birinchi listdagi ajratuvchidan foydalaniladi). bracketed auto, true yoki false bo‘lishi mumkin. Standart qiymat — auto.

Misol:
join(a b c, d e f)
Natija: a b c d e f
join((a b c), (d e f), comma)
Natija: a, b, c, d, e, f
join(a b c, d e f, $bracketed: true)
Natija: [a b c d e f]
length(list) Listning uzunligini qaytaradi.

Misol:
length(a b c)
Natija: 3
list-separator(list) Listda ishlatilgan ajratuvchini string ko‘rinishida qaytaradi. U space yoki comma bo‘lishi mumkin.

Misol:
list-separator(a b c)
Natija: "space"
list-separator(a, b, c)
Natija: "comma"
nth(list, n) Listdagi n-elementni qaytaradi.

Misol:
nth(a b c, 3)
Natija: c
set-nth(list, n, value) Listning n-elementini ko‘rsatilgan value qiymatiga o‘rnatadi.

Misol:
set-nth(a b c, 2, x)
Natija: a x c
zip(lists) Listlarni bitta ko‘p o‘lchovli listga birlashtiradi.

Misol:
zip(1px 2px 3px, solid dashed dotted, red green blue)
Natija: 1px solid red, 2px dashed green, 3px dotted blue


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!