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)

सूची में दूसरे एलीमेंट को लॉड करें।

उदाहरण:

nth(a b c, 3)

परिणाम: c

set-nth(सूची, 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