Fungsi Daftar Sass

Fungsi Daftar Sass

Fungsi daftar digunakan untuk mengakses nilai dalam daftar, menggabungkan daftar, dan menambahkan item ke daftar.

Daftar Sass adalah tidak dapat diubah (tidak dapat diubah). Jadi, fungsi yang mengembalikan daftar dalam daftar akan mengembalikan daftar baru, tanpa mengubah daftar asli.

Daftar Sass berdasarkan 1. Daftar pertama berada di indeks 1, bukan 0.

Berikut adalah semua fungsi daftar Sass:

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

Tambahkan nilai tunggal di akhir daftar.
Pemisah bisa 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 posisi indeks nilai dalam daftar.

Contoh:

index(a b c, b)

Hasil: 2

index(a b c, f)

Hasil: null
is-bracketed(daftar)

Periksa apakah daftar memiliki tanda kurung.

Contoh:

is-bracketed([a b c])

Hasil: true

is-bracketed(a b c)

Hasil: false
join(list1, list2, [separator, bracketed)]

Tentukan list2 ditempatkan di list1 di akhir.
Pemisah bisa auto, comma, atau space.
auto adalah nilai baku (akan menggunakan pemisah pertama dalam daftar).
bracketed Bisa 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 pemisah daftar yang digunakan dalam bentuk string. Bisa berupa spasi atau koma.

Contoh:

list-separator(a b c)

Hasil: "spasi"

list-separator(a, b, c)

Hasil: "koma"
nth(daftar, n)

Kembalikan elemen ke-n dari daftar.

Contoh:

nth(a b c, 3)

Hasil: c
set-nth(daftar, n, nilai)

Tetapkan elemen daftar ke-n yang kecil 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