توابع لیستی Sass

توابع لیستی Sass

فونکشن‌های لیست برای دسترسی به ارزش‌های لیست، ترکیب لیست‌ها و اضافه کردن آیتم‌ها به لیست استفاده می‌شوند.

لیست Sass غیرقابل تغییر است (نمی‌توان آن‌ها را تغییر داد). بنابراین، فونکشن‌های لیست بر روی لیست‌های داخلی بازمی‌گردد که لیست جدیدی را بازمی‌گرداند و لیست اصلی را تغییر نمی‌دهد.

لیست Sass بر اساس 1 است. اولین عنصر لیست در موقعیت 1 قرار دارد، نه 0.

در اینجا همه فونکشن‌های لیست Sass لیست شده‌اند:

فункция توضیح و مثال
append(لیست, مقدار, [separator])

ارزش‌های تک به انتهای لیست اضافه می‌شود.
نشانه‌گذار جداکننده می‌تواند auto، comma یا space باشد. auto مقدار پیش‌فرض است.

مثال:

append((a b c), d)

نتیجه: a b c d

append((a b c), (d), comma)

نتیجه: a, b, c, d

index(لیست, مقدار)

موقعیت شماره‌گذاری ارزش‌ها در لیست را بازمی‌گرداند.

مثال:

index(a b c, b)

نتیجه: 2

index(a b c, f)

نتیجه: null

is-bracketed(لیست)

بررسی کنید که لیست دارای قلمروها است یا خیر.

مثال:

is-bracketed([a b c])

نتیجه: true

is-bracketed(a b c)

نتیجه: false

join(list1, list2, [separator, bracketed])

در list2 به list1 در انتهای لیست.
نشانه‌گذار جداکننده می‌تواند auto، comma یا space باشد.
auto مقدار پیش‌فرض است (استفاده از نشانه‌گذار جداکننده اولین لیست).
bracketed می‌تواند auto، true یا false باشد. auto مقدار پیش‌فرض است.

مثال:

join(a b c, d e f)

نتیجه: a b c d e f

join((a b c), (d e f), comma)

نتیجه: a, b, c, d, e, f

join(a b c, d e f, $bracketed: true)

نتیجه: [a b c d e f]

length(لیست)

طول لیست را برگرداند.

مثال:

length(a b c)

نتیجه: 3

list-separator(لیست)

با استفاده از علامت جداکننده لیست به صورت رشته‌ای برگرداند. می‌تواند space یا comma باشد.

مثال:

list-separator(a b c)

نتیجه: "space"

list-separator(a, b, c)

نتیجه: "comma"

nth(لیست, n)

عنصر لیستی شماره n را برگرداند.

مثال:

nth(a b c, 3)

نتیجه: c

set-nth(لیست, n, مقدار)

عنصر لیستی شماره n را به مقدار مشخص شده تنظیم کنید.

مثال:

set-nth(a b c, 2, x)

نتیجه: a x c

zip(lists)

لیست‌ها را به یک لیست چندبعدی ترکیب کنید.

مثال:

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

نتیجه: 1px solid red, 2px dashed green, 3px dotted blue