Sass జాబితా ఫంక్షన్స్

Sass జాబితా ఫంక్షన్స్

జాబితా ఫంక్షన్స్ జాబితాలో విలువలను ప్రాప్తించడానికి, జాబితాలను కలపడానికి మరియు జాబితాలకు ప్రాజెక్ట్స్ జోడించడానికి ఉపయోగిస్తారు.

Sass జాబితా అనిమాన్యం (వాటిని మార్చలేము). అందువల్ల, జాబితాల జాబితాను పునఃరాబట్టే ఫంక్షన్స్ కొత్త జాబితాను తిరిగి ఇస్తాయి, మొదటి జాబితాను మార్చలేము.

Sass జాబితా 1 నుండి ప్రారంభమవుతుంది. జాబితాలో మొదటి జాబితా విలువ సూచిక 1 లో ఉంటుంది, కాదు 0.

సస్సులో అన్ని జాబితా ఫంక్షన్స్ ఇక్కడ జాబితాభరించబడింది:

ఫంక్షన్ వివరణ & ఉదాహరణ
append(list, value, [separator])

ఒక విలువను జాబితా చివరకు జోడించండి.
విభజకం అనుకూలించు, comma లేదా space. auto అప్రమేయం.

ఉదాహరణకు:

append((a b c), d)

ఫలితం: a b c d

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

ఫలితం: a, b, c, d

index(list, value)

జాబితాలో విలువల సూచిక స్థానాన్ని పునఃరాబట్టండి.

ఉదాహరణకు:

index(a b c, b)

ఫలితం: 2

index(a b c, f)

ఫలితం: null

is-bracketed(list)

జాబితాలో బ్రేకెట్లు ఉన్నాయా పరిశీలించండి.

ఉదాహరణకు:

is-bracketed([a b c])

ఫలితం: true

is-bracketed(a b c)

ఫలితం: false

join(list1, list2, [separator, bracketed])

జోడించండి list2 జోడించండి list1 చివరలో.
విభజకం అనుకూలించు, comma లేదా space. auto అప్రమేయం.
auto అప్రమేయం (మొదటి జాబితాలోని విభజకాన్ని ఉపయోగిస్తారు).
bracketed అనుకూలించు, 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(list)

返回列表的长度。

ఉదాహరణకు:

length(a b c)

结果:3

list-separator(list)

以字符串形式返回所用的列表分隔符。可以是 space 或 comma。

ఉదాహరణకు:

list-separator(a b c)

ఫలితం: "space"

list-separator(a, b, c)

ఫలితం: "comma"

nth(list, n)

జాబితాలో నంబర్ వినియోగించిన జాబితా అంశాన్ని ప్రస్తుత విలువను పొందండి.

ఉదాహరణకు:

nth(a b c, 3)

ఫలితం: c

set-nth(list, n, value)

నుండి వినియోగించిన జాబితాలో నంబర్ వినియోగించిన జాబితా అంశాన్ని ప్రస్తుత విలువను నిర్ధారించండి.

ఉదాహరణకు:

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