Hàm số danh sách Sass

Hàm số danh sách Sass

Các hàm danh sách được sử dụng để truy cập giá trị trong danh sách, tổ hợp danh sách và thêm mục vào danh sách.

Danh sách Sass là không thay đổi (họ không thể thay đổi). Do đó, các hàm danh sách của danh sách sẽ trả về danh sách mới mà không thay đổi danh sách ban đầu.

Danh sách Sass dựa trên 1. Danh sách đầu tiên trong danh sách nằm ở index 1, không phải 0.

Dưới đây là danh sách tất cả các hàm danh sách trong Sass:

Hàm Mô tả & ví dụ
append(danh sách, giá trị, [separator])

Thêm giá trị đơn lẻ vào cuối danh sách.
Dấu phẩy phân cách có thể là auto, comma hoặc space. auto là giá trị mặc định.

Mô hình:

append((a b c), d)

Kết quả: a b c d

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

Kết quả: a, b, c, d
index(danh sách, giá trị)

Trả về vị trí index của giá trị trong danh sách.

Mô hình:

index(a b c, b)

Kết quả: 2

index(a b c, f)

Kết quả: null
is-bracketed(danh sách)

Kiểm tra danh sách có dấu ngoặc nhọn không.

Mô hình:

is-bracketed([a b c])

Kết quả: true

is-bracketed(a b c)

Kết quả: false
join(list1, list2, [separator, bracketed)]

thêm list2 thêm vào list1 cuối cùng.
Dấu phẩy phân cách có thể là auto, comma hoặc space.
auto là giá trị mặc định (sẽ sử dụng dấu phẩy phân cách trong danh sách đầu tiên).
bracketed Có thể là auto, true hoặc false. auto là giá trị mặc định.

Mô hình:

join(a b c, d e f)

Kết quả: a b c d e f

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

Kết quả: a, b, c, d, e, f

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

Kết quả: [a b c d e f]
length(danh sách)

Trả về độ dài của danh sách.

Mô hình:

length(a b c)

Kết quả: 3
list-separator(danh sách)

Trả về dấu phân cách danh sách được sử dụng dưới dạng chuỗi. Có thể là space hoặc comma.

Mô hình:

list-separator(a b c)

Kết quả: "space"

list-separator(a, b, c)

Kết quả: "comma"
nth(danh sách, n)

Trả về phần tử thứ n trong danh sách.

Mô hình:

nth(a b c, 3)

Kết quả: c
set-nth(danh sách, n, giá trị)

Đặt giá trị của phần tử danh sách thứ n.

Mô hình:

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

Kết quả: a x c
zip(lists)

Kết hợp danh sách thành danh sách đa chiều duy nhất.

Mô hình:

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

Kết quả: 1px solid red, 2px dashed green, 3px dotted blue