Fungsi Daftar Sass

Fungsi Daftar Sass

Fungsi senarai digunakan untuk mengakses nilai dalam senarai, menggabungkan senarai, dan menambah projek ke senarai.

Senarai Sass adalah tak dapat diubah (tidak dapat diubah). Oleh itu, fungsi-fungsi yang mengembalikan senarai dalam senarai akan mengembalikan senarai baru, bukan mengubah senarai asal.

Senarai Sass adalah berdasarkan 1. Item pertama dalam senarai berada di indeks 1, bukan 0.

Berikut adalah senarai semua fungsi senarai Sass:

Fungsi Penerangan & Contoh
append(daftar, nilai, [separator])

Tambah nilai tunggal ke akhir senarai.
Pemisah boleh auto, comma atau space. Auto adalah nilai baku.

Contoh:

append((a b c), d)

Hasil: a b c d

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

Hasil: a, b, c, d

index(daftar, nilai)

Kembalikan kedudukan indeks nilai dalam senarai.

Contoh:

index(a b c, b)

Hasil: 2

index(a b c, f)

Hasil: null

is-bracketed(daftar)

Periksa jika senarai ada tanda kurung.

Contoh:

is-bracketed([a b c])

Hasil: true

is-bracketed(a b c)

Hasil: false

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

Tunjuk list2 dipasang ke list1 di akhir.
Pemisah boleh auto, comma atau space.
Auto adalah nilai baku (akan menggunakan pemisah pertama dalam senarai).
bracketed Boleh auto, true atau false. Auto adalah nilai baku.

Contoh:

join(a b c, d e f)

Hasil: a b c d e f

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

Hasil: a, b, c, d, e, f

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

Hasil: [a b c d e f]

length(daftar)

Kembalikan panjang daftar.

Contoh:

length(a b c)

Hasil: 3

list-separator(daftar)

Kembalikan separator daftar yang digunakan dalam bentuk string. Bisa space atau comma.

Contoh:

list-separator(a b c)

Hasil: "space"

list-separator(a, b, c)

Hasil: "comma"

nth(daftar, n)

Kembalikan elemen ke-n dalam daftar.

Contoh:

nth(a b c, 3)

Hasil: c

set-nth(daftar, n, nilai)

Tetapkan elemen daftar ke-n yang keberadaan ke nilai yang ditentukan.

Contoh:

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

Hasil: a x c

zip(daftar)

Gabungkan daftar menjadi daftar multidimensi tunggal.

Contoh:

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

Hasil: 1px solid red, 2px dashed green, 3px dotted blue