Sass ฟังก์ชันลิสต์
- หน้าก่อน Sass ตัวเลข
- หน้าต่อไป Sass แมบป์
Sass ฟังก์ชันลิสต์
ฟังก์ชันลิสต์ใช้เพื่อเข้าถึงค่าในลิสต์ รวมรวมลิสต์ และเพิ่มรายการสู่ลิสต์
Sass ลิสต์ไม่สามารถเปลี่ยนแปลง (ไม่สามารถเปลี่ยนแปลงได้)
Sass ลิสต์เริ่มต้นจาก 1 และลิสต์แรกในลิสต์ตั้งอยู่ที่อินเดกซ์ 1 แทนที่อินเดกซ์ 0
ในนี้เป็นรายการฟังก์ชันทั้งหมดของ Sass สำหรับลิสต์:
ฟังก์ชัน | การอธิบาย และ ตัวอย่าง |
---|---|
append(รายการ, ค่า, [separator]) |
เพิ่มค่าเดี่ยวเข้าไปที่ท้ายลิสต์。 ตัวอย่าง: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 ที่สุด ตัวอย่าง: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 |
- หน้าก่อน Sass ตัวเลข
- หน้าต่อไป Sass แมบป์