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